chartJS-如何自定义x轴刻度/刻度

时间:2018-07-08 11:04:48

标签: javascript reactjs charts chart.js react-chartjs

我最近一直在从事涉及ChartJS的项目。我希望缩放x轴,以使50%的宽度从值0-100开始,而图表的其他50%的宽度从100-1000开始。

我正在使用带有3个数据集的水平堆积条形图。可以看到here

我要实现的是类似here的东西,除了500将是100,而1000将保持1000。即,该图没有线性比例。

我正在尝试执行此操作,因为高于150左右的任何值都离群,并且我不担心它超过1000。

Here是我当前的图表配置(我正在使用react-chartjs和react)

我已经对chartjs的文档做出了反应,并查看了一些github问题帖子,但找不到任何存在类似问题的人。也许我误解了ticks对象的属性之一。

无论如何,感谢大家以及任何回复的人!找到解决方案后将对其进行编辑。

图表配置代码块

        options={{
          maintainAspectRatio: false,
          legend: {
            display: true,
          },
          scales: {
            xAxes: [{
              stacked: true,
              ticks: {
                min: 0,
                maxTicksLimit: 3
              }
            }],
            yAxes: [{
              stacked: true
            }]
          }
        }}

0 个答案:

没有答案