Charts 在条形图中的条形图内绘制点和线

谁知道如何在条内画线和点

---

您可以将线绘制为浮动条，其中单个条用语法

[min，max]

指定，与您对其他条所做的相同。给定一个数值数组，“行”

数据

可以按如下方式生成

data: [110, 150, 140, 100, 120].map(v => [v - 1, v + 1])

然后，您需要为“条”和“线”数据集定义单个堆叠的

xax

。为了在

工具提示中显示原始“行”值，还需要
工具提示.callback.label
函数

这些点可以在另一个
类型为“散布”的数据集中定义。

请看下面的可运行代码片段


新图表（“图表”{
输入：“酒吧”，
数据：{
标签：[“4”、“3”、“2”、“1”、“0”]，
数据集：[{
标签：“酒吧”，
背景色：“rgba（0,255,0,0.2）”，
数据：[[20100]，[50180]，[60120]，[10130]，[70140]，
xAxisID：“x轴实际值”，
订单：1
},
{
标签：“行”，
背景色：“rgb（0,0,0）”，
数据：[9015011090120]，
xAxisID：“x轴目标”，
订单：2
},
{
标签：“积分”，
背景色：“rgb（255，255，255）”，
边框颜色：“rgb（0,0,0）”，
数据：[8011090100120]，
类型：“分散”
}
]
},
选项：{
图例：{
显示：假
},
工具提示：{
回调：{
标签：（工具提示项，数据）=>{
const dataset=data.datasets[tooltipItem.datasetIndex]；
const v=dataset.data[tooltipItem.index]；
返回dataset.label+'：'+（tooltipItem.datasetIndex==1？（v[1]+v[0]）/2:tooltipItem.value）；
}
}
},
比例：{
xAxes：[{
id:“x轴目标”，
是的
},
{
显示：假，
对,，
对,，
id:“x轴实际值”，
网格线：{
偏移网格线：真
}
}
],
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});