Chart.js从另一个值填充折线图不是0

我想改变填充蓝色图形的值，这里是0.我想将它设置为5例如，但我想绿色图表保持为0。Chart.js从另一个值填充折线图不是0

这是我的图表目前：

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

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，我该怎么办呢？谢谢

来源

2017-05-18 Benjamin Lucidarme

据我所知，没有简单的方法。如果你想创建一个自定义填充，你需要使用一个插件或者编写大量的代码来定制它。当我在寻找类似的事情

回到我碰到：

Chart JS Fill Between two lines

这不会做你寻找什么，但你可以自定义图表，以便它。

如果您创建了一个数据集，其中所有数据点位于5，然后使用基本选项使其不可见（0宽度，不显示数据点等），您可以在该行和“合并”行之间填充。

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

来源

2017-05-18 13:46:56

谢谢，它按预期工作，但对我来说似乎很奇怪，没有更直接的，更简单的解决方案。 –

Chart.js从另一个值填充折线图不是0

回答

相关问题