如何在Chart.js中使折線圖覆蓋在條形圖上

Question

我使用的leighquince叉chartjs在1.01-beta.5因為我可以覆蓋兩個圖表。

當我嘗試重疊折線圖和條形圖時，折線圖位於條形圖下方

我似乎找不到使折線圖超過條形圖的選項，但是overlayBars:true

如何做到這一點，我將編輯源代碼嗎？

Answer 1

如果使用當前的母版（而不是標記為v1.01-beta.5的母版），則可以解決此問題-無需設置任何選項。

---

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

---

Answer 2

如果在您的源代碼中要先定義和繪制線條，然后再嘗試反轉定義和繪制：先繪制酒吧然后繪制線條

Answer 3

您必須先在dataSet中聲明折線圖，然后在條形圖中聲明：

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