如何使用Chart.js像示例图像一样显示分组数据？
我需要生成这种图表，我正在尝试使用chart.js。 我能画出点（这里是）下面是它的输出 还需要在其中添加两条水平线，但无法继续。是否可以在chart.js中生成此类图表？如果是，请让我知道如何才能做到这一点？如果没有，那么是否可以使用high charts或任何其他库如何使用Chart.js像示例图像一样显示分组数据？,chart.js,Chart.js,我需要生成这种图表，我正在尝试使用chart.js。 我能画出点（这里是）下面是它的输出 还需要在其中添加两条水平线，但无法继续。是否可以在chart.js中生成此类图表？如果是，请让我知道如何才能做到这一点？如果没有，那么是否可以使用high charts或任何其他库 var ctx=document.getElementById（'myChart'）.getContext（'2d'）； 变量选项={ 比例：{ xAxes:[{offset:true， 网格线：{ 偏移网格线：真 } }
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
变量选项={
比例：{
xAxes:[{offset:true，
网格线：{
偏移网格线：真
}
}],
雅克斯：[{
网格线：{
抽边线：假
}
}],
},
};
var myChart=新图表（ctx{
键入：“行”，
选项：选项，
数据：{
标签：[“05/05/2021”、“06/05/2021”]，
数据集：[{
数据：[49,51]，
标签：“AM”，
边框颜色：“3e95cd”，
背景颜色：“rgb（62149205）”，
边界宽度：2，
键入：“行”，
填充：false，显示线：false
}, {
数据：[47,48]，
标签：“PM”，
边框颜色：“3cba9f”，
背景色：“3cba9f”，
边框宽度：2，显示线：false
}, {
数据：[50,52]，
标签：“夜晚”，
边框颜色：“ffa500”，
背景颜色：“ffa500”，
边框宽度：2，显示线：false
}
]
},
});
xnull
js混合图表
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“下午”、“上午”、“晚上”、“下午”、“上午”、“晚上”]，
数据集：[{
数据：[null，49，null，null，51]，
标签：“AM”，
边框颜色：“3e95cd”，
背景颜色：“rgb（62149205）”，
边界宽度：2，
键入：“行”，
填充：假，
展示路线：错误
}, {
数据：[47，空，空，48]，
标签：“PM”，
边框颜色：“3cba9f”，
背景色：“3cba9f”，
边界宽度：2，
展示路线：错误
}, {
数据：[null，null，50，null，null，52]，
标签：“夜晚”，
边框颜色：“ffa500”，
背景颜色：“ffa500”，
边界宽度：2，
展示路线：错误
}
]
},
选项：{
比例：{
xAxes:[{}，
{
id:'日期'，
类型：'类别'，
位置：'底部'，
标签：[”、“2021年5月5日”、“2021年5月5日”、“2021年5月6日”、“2021年5月5日”]
}
]
}
}
});