我尝试根据用户给定的阈值设置不同的图形颜色。给出的示例建议您使用重置图表RGraph.Reset(graph1);
,然后完全重新绘制图表:
graph[graph1] = new RGraph.VProgress({
id: graph1,
min: 0,
max: 40,
value: celsius[graph1],
options: {scale: {decimals: 1},
gutter: {left: 2, right: 40, bottom: 10},
labels: {position: "right", count: 5},
colors:['#FF0000']}
}).draw
虽然这可以按预期工作(图表现在采用新颜色),但重绘动画从图表底部开始一直到新值。由于应用程序的工作方式(将其视为温度计),图表不断重绘导致令人讨厌的动画的结果。
我试过graph[graph1].colors ='#5A8F29';
没有成功。有没有办法在不重置它的情况下操纵图形颜色或让它更优雅的动画?
Link to screenshot
Link to Gif(录音与颜色混淆,重要的是从绿色到红色/蓝色到红色的变化)