如何在chartjs中的条形图上叠加折线图

Question

我在v1.01-beta.5中使用了chartjs的leighquince分叉，因为我可以覆盖两个图表。

当我尝试覆盖折线图和条形图时，折线图位于条形图

下

我似乎无法找到使折线图超出条形图但overlayBars:true

的选项

如何实现这一目标，我会编辑源吗？

Answer 1

如果你使用当前的主人（而不是标记为v1.01-beta.5的主人），这将会解决 - 你不需要设置任何选项。

小提琴 - http://fiddle.jshell.net/n7jgo7oh/

Answer 2

如果您在源中定义并在条形图之前绘制线条，请尝试反转定义和绘图：条形图然后第一行

Answer 3

您必须先在数据集中声明折线图，然后再在条形图中声明：

数据集：[         {           键入：＆＃39; line＆＃39;，           yAxisID：＆＃39; y-axis-1＆＃39;，           填充：false，           pointRadius：0，           标签：＆＃39; Nota media＆＃39;，           backgroundColor：＆＃39;＃ed7d31＆＃39;，           borderColor：＆＃39;＃ed7d31＆＃39;，           数据：[60,59,80,81]         }，         {           键入：＆＃39; bar＆＃39;，           yAxisID：＆＃39; y-axis-0＆＃39;，           标签：＆＃39; Observaciones＆＃39;，           backgroundColor：＆＃39;＃5b9bd5＆＃39;，           数据：[40,20,12,39]         }       ]，