ChartJS:限制Y轴切割限制值

时间:2016-11-20 11:21:12

标签: javascript chart.js

我使用ChartJS显示图表,其中有一些超出我的限制值,使得图表不太可用,例如: enter image description here

我想剪切Y轴以显示更准确的数据,如下所示: enter image description here

我试过这个:



var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx, {
  type: 'line',
  data: lineData,
  options: lineOptions,
  scales: {
    yAxes: [{
      display: true,
      ticks: {
        min: 0,
        max: 600
      }
    }]
  }
});




但这不行。 Anysuggestion?

2 个答案:

答案 0 :(得分:1)

缩放应放在json中的选项内,如下例所示:

https://jsfiddle.net/52afmcej/

options: {
   scales: {
      yAxes: [{
          ticks: {
             min: 0,
             max: 600,      
             }
          }]
      }
   }

希望这会有所帮助:)

答案 1 :(得分:1)

更新到 Chart.js v3.2.0

在最新版本的 Chart.js v3.xx(与 v2.xx 不向后兼容)中,您必须将 min: 0max: 600 外部刻度对象:

options: {
   scales: {
      y: {
         min: 0,
         max: 600,
         ticks: {
            // min max not inside here anymore
         }
      }
   }
}

来源:https://www.chartjs.org/docs/latest/axes/cartesian/linear.html#step-size