实际值低于报警值时，仪表盘文字闪烁报警怎么实现？

Eden.Sun

本帖最后由 James.Lv 于 2024-6-3 17:48 编辑

请问在wyn中可以设置id 然后根据id获取到某个仪表盘吗

84f5959ecdf04470fb0034dc9f3cca3.png86528014.png

James.Lv · James.Lv

该问题跟客户远程解决，情况如下
客户需求：有两个字段，一个当前实际值，一个报警值

当前实际值低于报警值时，仪表盘文字闪烁报警；文本字体颜色不停变换，图表展示形式希望是用仪表盘来展示

实现方案：
使用仪表盘Echarts图表，修改自定义属性，设置满足条件触发颜色切换

if (option.series[0].data[0].value < option.series[0].data[0].comparisonValue) {
let min = 0, max = 100;
randomIntegerInRange = Math.floor(Math.random() * (max - min + 1)) + min;
console.log(randomIntegerInRange);
fontColor = ["#08ec46", "#f90101"];
option.series[0].detail.rich.target.color = fontColor[randomIntegerInRange % 2];
console.log(option.series[0].detail.rich.target.color);
} else {
option.series[0].detail.rich.target.color = "#fff";
}
return option;

复制代码

数据绑定了2个值，这个代码就是判断的当实际值小于对比值的时候，随机颜色显示；不小于的时候永远显示白色
企业微信截图_17103804666960.png727816467.png

最后给图表添加一个定时刷新，每隔一秒刷新一次，这时候就会去每秒判断数据是否变化，就会触发那个代码，上面的代码是个示例，可以根据实际需求来更改
企业微信截图_17103805322997.png673675841.png

Eden.Sun · Eden.Sun

问题描述：获取dom元素的id。

问题解决：
您好，感觉您是想自定义开发一个 echarts 图，wyn中的图表的 dom 元素的 id 是获取不到的，
您可以自定义开发一个图标插件，这个就可以自己定义 id，然后获取了，您可以参考下面的文档：
https://www.grapecity.com.cn/sol ... dashboard/visual/cv

或者在wyn 7.0 之后可以使用内置的 echarts 图表开发，您可以参考下面的文档：
https://www.grapecity.com.cn/sol ... board/visual/echats

小蔺 · 小蔺

Eden.Sun 发表于 2024-3-12 11:56
问题描述：获取dom元素的id。

好的，如何在仪表盘自定义属性里面使用定时函数（setInterval）实现文字闪烁（颜色来回切换）

Eden.Sun · Eden.Sun

小蔺发表于 2024-3-12 14:00
好的，如何在仪表盘自定义属性里面使用定时函数（setInterval）实现文字闪烁（颜色来回切换）

这个目前还做不到， 7.0的 echarts 只是返回一个 option，然后根据返回的 option 渲染图表效果。

您这个效果，更适合开发一个可视化插件。

		自动登录	找回密码
密码			立即注册

[已处理] 实际值低于报警值时，仪表盘文字闪烁报警怎么实现？

最佳答案

4 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人