使用ChartJS重疊horizo​​ntalBar graps使用ChartJS

Question

我使用https://github.com/chartjs/Chart.js在我的應用程序中顯示我的圖。我想在圖中做一個功能。我想重疊圖形得到以下結果

我需要得到綠色框中顯示圖形。至於現在我只有紅色方塊。

Answer 1

是的，你可以很容易地在chart.js中做到這一點，它被稱爲堆棧。您只需將stacked選項設置爲true即可。

scales: { 
    xAxes: [{ 
    stacked: true 
    }] 
} 

請注意，您可能必須設置yAxes選項，因爲它是水平的。你可以閱讀更多關於它here和看樣品here。當我回到電腦時，我會用一個有效的codepen例子更新我的答案。