更改rgraph颜色而不重置图形

时间:2014-09-03 08:42:36

标签: javascript html5 canvas rgraph

我尝试根据用户给定的阈值设置不同的图形颜色。给出的示例建议您使用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(录音与颜色混淆,重要的是从绿色变为红色/蓝色变为红色)

1 个答案:

答案 0 :(得分:1)

支持帮助了我:

graph[graph1].set('colors', ['#FF0000']);
RGraph.redraw();

这就是诀窍。这里不需要重置。

相关问题