Dygraphs 在动态图形库中是否可以只填充图形的一部分?

Dygraphs 在动态图形库中是否可以只填充图形的一部分?,dygraphs,Dygraphs,我只想填充图的一部分(由x范围指定),而不是像fillGraph选项那样完全填充。当前是否可能?一个选项是将数据序列分成两部分,一部分用于填充区域,另一部分用于其他区域。然后,您可以仅为填充的序列设置fillGraph: 新动态图(div, [ [1,3,null], [2,6,null], [3,8,null], [4, 9, 9 ], [5,null,9], [6, 8, 8 ], [7,6,null], [8,3,null] ], { //注意:第二个“Y”系列有一个空

我只想填充图的一部分(由x范围指定),而不是像fillGraph选项那样完全填充。当前是否可能?

一个选项是将数据序列分成两部分,一部分用于填充区域,另一部分用于其他区域。然后,您可以仅为填充的序列设置
fillGraph

新动态图(div,
[
[1,3,null],
[2,6,null],
[3,8,null],
[4,    9, 9   ],
[5,null,9],
[6,    8, 8   ],
[7,6,null],
[8,3,null]
], {
//注意:第二个“Y”系列有一个空格来区分它。(hack!)
标签:['X','Y','Y'],
系列:{
“Y”:{
颜色:“蓝色”
},
“Y”:{
是的,
颜色:“蓝色”
}
}
});

这看起来是正确的,但确实有使数据更复杂的缺点&当鼠标悬停在过渡点上时,在图例中显示两个y值


另一种方法是编写只填充特定区域的。您可以查看并获得灵感。

一个选项是将数据序列分成两部分,一部分用于填充区域,另一部分用于其他区域。然后,您可以仅为填充的序列设置
fillGraph

新动态图(div,
[
[1,3,null],
[2,6,null],
[3,8,null],
[4,    9, 9   ],
[5,null,9],
[6,    8, 8   ],
[7,6,null],
[8,3,null]
], {
//注意:第二个“Y”系列有一个空格来区分它。(hack!)
标签:['X','Y','Y'],
系列:{
“Y”:{
颜色:“蓝色”
},
“Y”:{
是的,
颜色:“蓝色”
}
}
});

这看起来是正确的,但确实有使数据更复杂的缺点&当鼠标悬停在过渡点上时,在图例中显示两个y值


另一种方法是编写只填充特定区域的。您可以查看并寻求灵感。

非常感谢!我想我需要按照您的建议编写一个自定义绘图仪。用例基本上是说,在速度-时间图中填充图形部分,并显示曲线下的区域(使用自定义绘图仪填充)基本上就是距离。我还将做一个绘图仪,显示给定点的切线,以显示各种物理/数学概念。我会更新,一旦我写了这些自定义绘图仪,并希望在动态图集成这些。再一次感谢,继续在动态图表上的伟大工作!!谢谢!我想我需要按照您的建议编写一个自定义绘图仪。用例基本上是说,在速度-时间图中填充图形部分,并显示曲线下的区域(使用自定义绘图仪填充)基本上就是距离。我还将做一个绘图仪,显示给定点的切线,以显示各种物理/数学概念。我会更新,一旦我写了这些自定义绘图仪,并希望在动态图集成这些。再一次感谢,继续在动态图表上的伟大工作!!