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

Question

我在 v1.01-beta.5 中使用 chartjs 的 leighquince 分支，因为我可以叠加两个图表。

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

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

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

Answer 1

如果在您的源代码中您在条形图之前定义和绘制线条，请尝试反转定义和绘制：先是条形图，然后是线条

Answer 2

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

Fiddle - http://fiddle.jshell.net/n7jgo7oh/

Answer 3

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

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]
        }
      ],

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

How do I make line charts overlay over bar charts in chartjs

javascript

charts

chart.js