如何在刻度之间设置相等的宽度-Chart.js

时间:2019-01-12 17:57:19

标签: javascript charts chart.js chartjs-2.6.0

我有一个现在看起来像这样的图表:

enter image description here

    xAxes: [{
      scaleLabel: {
        display: true,
        labelString: 'log(Re)',
      },
      type: 'linear',
      ticks: {
        suggestedMax: 10000,
        maxTicksLimit: 10,
      },

      afterBuildTicks: function(scale) {
        scale.ticks = [1, 10, 100, 1000, 10000]
      }
    }]

需要创建刻度线[1,10,100,1000,10000](如第一张图所示),但是这些刻度线之间的间距相等,例如: enter image description here

1 个答案:

答案 0 :(得分:0)

Dmytro,我认为您的基本问题是您想要的刻度线是10的幂,而不是纯数字。将您的刻度线设置为0、1、2、3、4,它们将以均匀间隔显示。然后将它们标记为1、10、100等(1 = 10 ^ 0、10 = 10 ^ 1、100 = 10 ^ 2等)。您可能需要稍微重组数据集才能获得正确的刻度线值。但这应该可以为您带来应有的效果。