Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js从0以外的值填充折线图_Javascript_Meteor_Charts_Chart.js_Linechart - Fatal编程技术网

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

Javascript Chart.js从0以外的值填充折线图,javascript,meteor,charts,chart.js,linechart,Javascript,Meteor,Charts,Chart.js,Linechart,我试图更改蓝色图形填充时的值,这里是0。例如,我想将其设置为5,但对于绿色图形,我想将该值保持为0 这是我目前的图表: 这是我用来绘制此图表的数据: var data = { labels : arrayLabels, datasets:[ { label: "CA", backgroundColor: "rgba(26,179,148,0.1)", borderColor: "rgba(26,179,148,0.7)",

我试图更改蓝色图形填充时的值,这里是0。例如,我想将其设置为5,但对于绿色图形,我想将该值保持为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,我该怎么做?谢谢

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

当我在寻找类似的东西时,我遇到了:

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

如果创建一个数据集,其中所有数据点都位于5,则将其设置为0宽度不可见、不显示数据点等。使用基本选项,可以在该行和“合并”行之间填充


上一个答案中的JSFIDLE和代码应该是实现这一目标所需的一切。

谢谢,它按预期工作,但我觉得奇怪的是,没有比这更直接、更简单的解决方案。