chart.js - 如何更新 chartjs2 选项(scale.tick.max)

Question

我有一个带有此选项的条形图

     scales: {
        yAxes: [{
          ticks: {
            display:false,
            beginAtZero:true,
            max: 1150
          }
        }]
      }

现在我更改了我唯一数据集的值

      barChartData.datasets[0].data = newData;

并更新图表

      window.myBar.update();

我怎样才能更新 yAxes 的最大比例？

我必须使用最大比例，所以我不能使用建议的最大值。

Answer 1

这是我的折线图解决方案。

您可以使用文档 http://www.chartjs.org/docs/latest/axes/ 中的“beforeFit”回调函数

在 scale.chart.config.data.datasets 你有图表数据集

您必须设置 scale.options.ticks.max

例子:

scales: {
        yAxes: [{
          beforeFit: function (scale) {

            // See what you can set in scale parameter
            console.log(scale)

            // Find max value in your dataset
            let maxValue = 0
            if (scale.chart.config && scale.chart.config.data && scale.chart.config.data.datasets) {
              scale.chart.config.data.datasets.forEach(dataset => {
                if (dataset && dataset.data) {
                  dataset.data.forEach(value => {
                    if (value > maxValue) {
                      maxValue = value
                    }
                  })
                }
              })
            }

            // After, set max option !!!
            scale.options.ticks.max = maxValue
          }
        }

我希望我对您有所帮助。