如何使折线图覆盖在chartjs中的条形图上

Question

我使用的leighquince叉chartjs在1.01-beta.5因为我可以覆盖两个图表。

当我尝试叠加折线图和条形图时，折线图在条形图下方

我似乎找不到使折线图位于条形图上方的选项，但是 overlayBars:true

如何实现，我会编辑源代码吗？

Answer 1

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

datasets: [
        {
          type: 'line',
          yAxisID: 'y-axis-1',
          fill: false,
          pointRadius: 0,
          label: 'Nota media',
          backgroundColor: '#ed7d31',
          borderColor: '#ed7d31',
          data: [60, 59, 80, 81]
        },
        {
          type: 'bar',
          yAxisID: 'y-axis-0',
          label: 'Observaciones',
          backgroundColor: '#5b9bd5',
          data: [40, 20, 12, 39]
        }
      ],

Answer 2

如果您使用当前的 master（而不是标记为 v1.01-beta.5 的那个），这将得到解决 - 您不需要设置任何选项。

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