水平条形图配置Chart.js

s1ag04yj  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(242)

我正在尝试使用Chart.js创建一个水平条形图。它使用2个数据集。我希望它们从中间的值0开始,向两个方向散开到100。
在下图所示的例子中,它确实这样做了。然而,左边的值是“-100”。我的问题是我如何能够使该值变成100。
请参考图片以及下面的代码链接。
水平条形图

https://www.chartjs.org/docs/latest/samples/bar/horizontal.html

baubqpgj

baubqpgj1#

如果我理解得很好,您希望有一个数据集,放在右边,另一个放在左边。如果为真,您应该:
1.设置min:-100, max:100ticks.callback,以返回x刻度中刻度的绝对值。
1.使用min:-100, max:100reverse: true添加另一个x刻度(即x2)。此外,该刻度不应可见,因此也设置display: false
1.将第二个数据集中的xAxisID属性设置为新的小数位数(x2)。
第一个

相关问题