Chart.js从0以外的其他值填充折线图

Question

我正在尝试更改填充蓝色图形的值，此处为0.我想将其设置为5，例如，但我想将此值保持为0，以获得绿色图形。< / p>

这是我目前的图表：

这是我用来绘制此图表的数据：

var data = {
    labels : arrayLabels,
    datasets:[
    {
        label: "CA",
        backgroundColor: "rgba(26,179,148,0.1)",
        borderColor: "rgba(26,179,148,0.7)",
        pointBackgroundColor: "rgba(26,179,148,1)",
        yAxisID: "y-axis-CA",
        data: arrayCA
    },
    {
        label: "Marge",
        backgroundColor: "rgba(46,95,255,0.1)",
        borderColor: "rgba(46,95,255,0.7)",
        pointBackgroundColor: "rgba(46,95,255,1)",
        yAxisID: "y-axis-marge",
        data: arrayMarge,
        // -> here i would like to have something like:
        // fillFrom : 5
    }]};

我使用chart.js 2，我该怎么做？感谢

Answer 1

据我所知，没有简单的方法。如果要创建自定义填充，则需要使用插件或编写大量代码来自定义它。

当我找到类似的东西时，我遇到了：

Chart JS Fill Between two lines

这并不能完全满足您的需求，但您可以自定义图表。

如果您创建一个所有数据点都在5的数据集，然后使用基本选项使其不可见（0宽度，不显示数据点等），您可以在该行和＃39之间填充;合并＆＃39;线。

位于上一个答案中的JSFiddle和代码应该是实现它所需的一切。