如何在y轴上定义最大步数(折线图)

时间:2019-01-22 15:50:15

标签: chart.js

我目前正在开发使用Chart.js(在这种情况下为折线图)的功能。

我需要减少y轴上参考点的数量,例如,无论我使用什么数据集(0、10、20、30、40、50、60、70、80)或( 0、100、200、300、400、500、600、700、800、900)。

但是我只想通过5个步骤来降低图表高度(0、20、40、60、80)或(0、200、400、600、800)。

我的问题是我正在使用动态数据,所以无法使用'stepSize'选项属性对其进行修复,因为我的最大值应为35,即1500。

这是我的代码

var myChart = new Chart(ctx, {
    data: {
            labels: data.jukeboxDays.labels,
            datasets: [{
              data: data.jukeboxDays.data,
            }]
          },
          options: {
            scales: {
              yAxes: [{
                ticks: {
                  beginAtZero: true,
                  // stepSize: 20
                  //Can't do it that way in my case not fixed

                }
              }]
            }
          },
          type: 'line'
        });

对不起,如果我的英语不好,

关于, 保罗

编辑:我尝试过这种方法,但是看来您无法从stepSize属性中的函数返回值

stepSize: function() {
    //Getting the highest number of the data array
     var maxValue = Math.max(...data); //data is an Array
     var i = maxValue
     while ((maxValue / i) % 25 !== 0) {
         i++;
     }
     return i;
 }

0 个答案:

没有答案