Javascript Chart.js从0以外的值填充折线图
我试图更改蓝色图形填充时的值,这里是0。例如,我想将其设置为5,但对于绿色图形,我想将该值保持为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)",
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和代码应该是实现这一目标所需的一切。谢谢,它按预期工作,但我觉得奇怪的是,没有比这更直接、更简单的解决方案。