我正在尝试使用chart.js 2.9.2绘制一个图表,每个条形图有一条水平线,包含2个数据集(实际值、目标值),如下所示:
但没有成功...这可能吗
zpqajqem1#
您可以将目标值转换为浮动条,其中单个条使用语法[min, max]指定。给定一个名为targetData的值数组,它可以使用Array.map()进行如下转换。
[min, max]
targetData
Array.map()
targetData.map(v => [v - 1, v + 1])
此外,您需要为两个数据集定义单独的堆叠xAxis。为了在工具提示中显示原始目标值,还需要一个toolips.callback.label函数。下面请看一下可运行的代码片段。第一个
xAxis
toolips.callback.label
1条答案
按热度按时间zpqajqem1#
您可以将目标值转换为浮动条,其中单个条使用语法
[min, max]
指定。给定一个名为targetData
的值数组,它可以使用Array.map()
进行如下转换。此外,您需要为两个数据集定义单独的堆叠
xAxis
。为了在工具提示中显示原始目标值,还需要一个toolips.callback.label
函数。下面请看一下可运行的代码片段。
第一个