Javascript ChartJS无法为timeseries数据呈现水平条形图

这是一只扑克牌 这就解释了这个问题

如果图表

类型

更改为

条形

或

直线

，则工作正常。但它无法呈现

水平条

——没有错误或警告指示任何问题（如果有）

---

horizontalBar

是否需要用户手动显式设置标签，或者此处缺少配置设置？

使用

horizontalBar

时，必须确保将

yAxis

定义为

类型：“时间”

。您的数据也必须反映这一点，并为正确的轴提供数据

{ y: '2020-01-01T00:00:00', x: Math.random() * 20 }

这可能如下所示：

折线图
帆布{
-moz用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
}
常量配置={
键入：“水平线”，
选项：{
标题：{text:'条形图'，显示：true}，
回答：是的，
MaintaintAspectRatio:false，
比例：{
雅克斯：[
{
对,，
键入：“时间”
},
]
},
},
数据：{
数据集：[
{
标签：“标签1”，
边框颜色：“#40407a”，
背景颜色：“#d1ccc0”，
边框宽度：3，
数据：[
{y:'2020-01-01T00:00:00'，x:Math.random（）*20}，
{y:'2020-01-01T01:00:00'，x:Math.random（）*20}，
{y:'2020-01-01T01:20:00'，x:Math.random（）*20}，
{y:'2020-01-01T02:10:00'，x:Math.random（）*20}，
{y:'2020-01-01T02:35:00'，x:Math.random（）*20}，
{y:'2020-01-01T03:00:00'，x:Math.random（）*20}，
],
},
],
},
};
window.onload=函数（）{
var ctx=document.getElementById（'canvas'）.getContext（'2d'）；
window.myLine=新图表（ctx，配置）；
};

文档有点混乱，它说“条形图中x轴上指定的任何选项都应用于水平条形图中的y轴”——这意味着库会注意使用适当的选项。感谢您指出，我们可以手动切换x轴和y轴配置来实现这一点。