javascript - 更改 rgraph 颜色而不重置图表

标签 javascript html 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 (录音颜色困惑,重要的是从绿色到红色/蓝色到红色的变化)

最佳答案

支持帮助了我:

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

这成功了。这里不需要重置。

关于javascript - 更改 rgraph 颜色而不重置图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25639925/

相关文章:

javascript - 使用文件系统包读取文件

html - Bootstrap Navbar 折叠边距

html - 我的 div 神秘地包裹在我的表单中。我该如何解决?

javascript - 在背景图像上添加文本并缩放图像

javascript - 单个 Canvas Sprite 动画可以工作,但如果有两个 Canvas 则不行

javascript - ColladaLoader 和 progressCallback

javascript - 合并 JavaScript 对象重复项

javascript - 如何将阴影 Angular 和深度转换为 HTML5 canvas shadowOffset 表示

javascript - 脚本和 setTimeout/setInterval 如何在 NodeJS 中协同工作?

javascript - Canvas 描边文字锐利神器