具有不同数据点的chart.js混合图表

Question

尝试创建包含两个条形和一条线的混合图表。
-条形图收到的数据是3个值的数组[每个值代表一个月]
-该行收到的数据是约90个值的数组（每个值代表这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
}]

这是我正在使用的代码的一般示例。就本例而言，我没有包括我尝试过的所有xAxis / yAxis选项，因为它似乎根本不适合我，至少我只能以这种方式来查看我的开始。行是如果我清除这些选项。

图片中画出的蓝线代表我要完成的工作。底部的蓝线是实际得到的：

Answer 1

如果数据数组的长度相等，它将起作用。 您有3个选择：

• 将折线图数据数组的长度减少到3（与条形图相同）。
• 将条形图数据的长度扩展到折线图数据阵列的长度（用null填充空白项），也用于标签阵列。
• 为折线图定义新的x轴。