如何创建与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，]，