如何在刻度之间设置相等的宽度 - chartjs

【问题标题】：How to set equal width between ticks - chartjs如何在刻度之间设置相等的宽度 - chartjs
【发布时间】：2019-01-12 17:57:19
【问题描述】：

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

    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]，（如第一张图片），但此刻度之间的间距相等，如下所示：

【问题讨论】：

标签： javascript charts chart.js chartjs-2.6.0

【解决方案1】：

Dmytro，我认为您的基本问题是您想要的刻度线是 10 的幂，而不是普通数字。将刻度线设置为 0、1、2、3、4，它们将以均匀的间隔显示。然后将它们标记为 1、10、100 等（1=10^0、10=10^1、100=10^2 等）。您可能需要稍微重构您的数据集以获取正确的刻度线值。但这应该会给您想要的效果。

【讨论】：