我正在尝试使用Chart.js创建一个水平条形图。它使用2个数据集。我希望它们从中间的值0开始,向两个方向散开到100。
在下图所示的例子中,它确实这样做了。然而,左边的值是“-100”。我的问题是我如何能够使该值变成100。
请参考图片以及下面的代码链接。
水平条形图
https://www.chartjs.org/docs/latest/samples/bar/horizontal.html
我正在尝试使用Chart.js创建一个水平条形图。它使用2个数据集。我希望它们从中间的值0开始,向两个方向散开到100。
在下图所示的例子中,它确实这样做了。然而,左边的值是“-100”。我的问题是我如何能够使该值变成100。
请参考图片以及下面的代码链接。
水平条形图
https://www.chartjs.org/docs/latest/samples/bar/horizontal.html
1条答案
按热度按时间baubqpgj1#
如果我理解得很好,您希望有一个数据集,放在右边,另一个放在左边。如果为真,您应该:
1.设置
min:-100, max:100
和ticks.callback
,以返回x
刻度中刻度的绝对值。1.使用
min:-100, max:100
和reverse: true
添加另一个x刻度(即x2)。此外,该刻度不应可见,因此也设置display: false
。1.将第二个数据集中的xAxisID属性设置为新的小数位数(
x2
)。第一个