chart.js -每个条形的水平线数

c0vxltue  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(204)

我正在尝试使用chart.js 2.9.2绘制一个图表,每个条形图有一条水平线,包含2个数据集(实际值、目标值),如下所示:

但没有成功...这可能吗

zpqajqem

zpqajqem1#

您可以将目标值转换为浮动条,其中单个条使用语法[min, max]指定。给定一个名为targetData的值数组,它可以使用Array.map()进行如下转换。

targetData.map(v => [v - 1, v + 1])

此外,您需要为两个数据集定义单独的堆叠xAxis。为了在工具提示中显示原始目标值,还需要一个toolips.callback.label函数。
下面请看一下可运行的代码片段。
第一个

相关问题