我最近一直在从事涉及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
}]
}
}}