如何創建與chart.js之

Question

我想創建一個長長的尾巴圖這樣一條長長的尾巴圖：

我用Chart.js考慮 - 線堆積面積，使基本形狀。但是，我怎樣才能用不同的顏色創建區域？或者有更好的方法嗎？

我的目的是爲產品主頁創建一個動畫橫幅。

Answer 1

根據我的經驗，您將不得不創建一個插件，因爲Chart.js不需要我知道折線圖的功能，即您可以傳遞多個背景顏色，但它們似乎被忽略。

更快捷或許更方便的選擇是使用條形圖，它可以讓您指定背景顏色以及對數刻度。

Answer 2

我發現我可以傳遞一個空值來創建與線圖類似的效果：

數據集：[{ 標籤：「我的第一數據集」， 的backgroundColor：window.chartColors.blue， BORDERCOLOR ：window.chartColors.blue， 數據：[ 空， 2000， 1000， 800， 380， 200， 0， ]， 填充：真， }，{ 標籤： 「我的第二個數據集」， 填充：真實， 的backgroundColor：window.chartColors.red， BORDERCOLOR：window.chartColors.red， 數據：[ 3000， 2000， 0， 0， 0， 0，]，