具有不同数据点的chart.js混合图表
具有不同数据点的chart.js混合图表
提问于 2019-07-17 17:12:08
尝试创建包含两条线的混合图表&一条线。
- 为条形图接收的数据是由3个值组成的数组，每个值代表一个月
- 为线接收的数据是由~90个值组成的数组每个值代表这3个月内的一天
我的问题是，我似乎不能想出假设如何将一个月的值与一个月的值重叠。相反，我看到的只是这条线的前3个关节。
尝试了很多东西，很少的例子，因为没有太多的东西，但没有一件对我有效。
data: {
labels: ["April","May","June"],
datasets: [{
type: 'bar',
data: [1000, 2000, 3000],
label: "Bar One",
backgroundColor: "blue",
borderWidth: 1
}, {
type: 'bar',
data: [500, 4000, 2500],
label: "Bar Two",
backgroundColor: "red",
borderWidth: 1
}, {
type: 'line',
data: [321, -350, , -361, 244, 231, .... , 548]
label: "Line",
borderColor: "green",
fill: false
}]这是我使用的代码的一个通用示例。对于这个示例，我没有包含我尝试过的所有x轴/yAxis选项，因为它对我来说似乎根本不起作用&我至少可以通过清除这些选项来查看行的开始。
图片中绘制的蓝色线条代表了我正在尝试实现的目标。底部的蓝线是a实际得到的：
回答 1
Stack Overflow用户
发布于 2019-07-17 17:42:16
如果数据数组的长度相等，它就会起作用。您有3个选项：
- 将折线图数据数组长度减少到3(与条形图相同)将条形图数据长度减少到折线图数据数组的长度(使用
null填充空项)，也用于标签数组。 - 为折线图定义新的x轴。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57072390
复制相关文章
相似问题
腾讯云开发者
