chartjs stepSize以5为单位

fnx2tebb 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(220)

我希望我的y轴提高5（例如5，10，15）等等。而不是现在的工作方式，提高10，这是默认的（10，20，30）。我如何改变这一点。我尝试使用stepSize属性，但没有发生任何事情。

这是图表对象上的“选项”数据

{
scales: {
yAxes: [{
  gridLines: {
    color: Charts.colors.gray[700],
    zeroLineColor: Charts.colors.gray[700]
  },
  ticks: {
    suggestedMin: 0, 
    suggestedMax:15,
    stepSize: 5,
    beginAtZero: true
}
}]
}
}

chart.js

来源：https://stackoverflow.com/questions/65788410/chartjs-stepsize-by-5

2条答案

按热度按时间

ahy6op9u1#

stepSize应该如本例所示工作，强制stepsize为1：（https://jsfiddle.net/Leelenaleee/zk4x0pun/2/）中的一个。

yAxes: [{
      ticks: {
        suggestedMin: 0, 
        suggestedMax:15,
        stepSize: 1,
        beginAtZero: true
      }
    }]

你能检查一下你正在使用的版本吗，因为这可能是旧版本中的一个bug。最新的稳定版本是2.9.4

赞(0）回复(0）举报 2022-11-06

a1o7rhls2#

有点晚了：）但是你可以用这个。

yAxes: [
  {
    ticks: {
      callback: function(value) {
        return parseFloat(value).toFixed(0);
      },
      autoSkip: true,
      maxTicksLimit: 10,
      stepSize: .2
    }
  }
]

赞(0）回复(0）举报 2022-11-06

我来回答

chartjs stepSize以5为单位

2条答案

相关问题

热门标签

最新问答