Отображение максимального значения оси - PullRequest
Новая
       33

Отображение максимального значения оси

0 голосов
/ 18 марта 2020

Я хочу знать, возможно ли отобразить максимальное значение оси на графике. js, даже если данные еще не достигли его? Я пытаюсь получить график, который заполняется асинхронными данными. Я знаю, как «обновить» его, и он хорошо работает, но график визуально заполняется с самого начала.

1 Ответ

2 голосов
/ 18 марта 2020

Использование suggestedMax (для линейных диаграмм):

https://www.chartjs.org/docs/latest/axes/cartesian/linear.html#axis -range-settings

Например: 

ticks: {
  suggestedMax: 100
}


/* data */
var data = {
  labels: ["Africa", "Asia", "Europe", "America"],
  datasets: [{
    /* data */
    label: "Data label",
    backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f", "violet"],
    data: [5.0,6.7,7.5, 8.6, 3.3, 4.4, 4.5]
  }]
};


var options = {
  responsive: true,
  title: {
    text: 'Hello',
    display: true
  },
  scales: {
    xAxes: [{
      stacked: false,
      ticks: {

      },
    }],
    yAxes: [{
      stacked: true,
      ticks: {
        suggestedMax: 100
      }
    }]
  }
};

var myChart = new Chart(document.getElementById("chart"), {
  type: 'bar',
  data: data,
  options: options
});
<canvas id="chart"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>

с накоплением: https://www.chartjs.org/docs/latest/charts/bar.html#stacked гистограмма

Похожие StackOverflow Q: Как установить максимальное и минимальное значение для оси Y

...