找回密码
 立即注册

QQ登录

只需一步,快速开始

小蔺

注册会员

4

主题

6

帖子

106

积分

注册会员

积分
106
  • 228

    金币

  • 4

    主题

  • 6

    帖子

小蔺
注册会员   /  发表于:2024-3-12 10:10  /   查看:2537  /  回复:4
20金币
本帖最后由 James.Lv 于 2024-6-3 17:48 编辑

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

84f5959ecdf04470fb0034dc9f3cca3.png86528014.png

最佳答案

查看完整内容

问题描述:获取dom元素的id。 问题解决: 您好,感觉您是想自定义开发一个 echarts 图,wyn中的图表的 dom 元素的 id 是获取不到的, 您可以自定义开发一个图标插件,这个就可以自己定义 id,然后获取了,您可以参考下面的文档: https://www.grapecity.com.cn/solutions/wyn/help/docs/create-dashboard/visual/cv 或者在wyn 7.0 之后可以使用内置的 echarts 图表开发,您可以参考下面的文档: https://www.grapecity ...

4 个回复

正序浏览
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2024-5-13 09:56:36
来自 5#
该问题跟客户远程解决,情况如下
客户需求:有两个字段,一个当前实际值,一个报警值

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

实现方案:
使用仪表盘Echarts图表,修改自定义属性,设置满足条件触发颜色切换
  1. if (option.series[0].data[0].value < option.series[0].data[0].comparisonValue) {
  2.   let min = 0, max = 100;
  3.   randomIntegerInRange = Math.floor(Math.random() * (max - min + 1)) + min;
  4.   console.log(randomIntegerInRange);
  5.   fontColor = ["#08ec46", "#f90101"];
  6.   option.series[0].detail.rich.target.color = fontColor[randomIntegerInRange % 2];
  7.   console.log(option.series[0].detail.rich.target.color);
  8. } else {
  9.   option.series[0].detail.rich.target.color = "#fff";
  10. }

  11. return option;
复制代码

企业微信截图_17103804101290.png664521484.png 企业微信截图_17103804541746.png239010008.png

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

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

回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2024-3-12 17:15:44
4#
小蔺 发表于 2024-3-12 14:00
好的,如何在仪表盘自定义属性里面使用定时函数(setInterval)实现文字闪烁(颜色来回切换)

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

您这个效果,更适合开发一个可视化插件。
回复 使用道具 举报
小蔺
注册会员   /  发表于:2024-3-12 14:00:12
3#
Eden.Sun 发表于 2024-3-12 11:56
问题描述:获取dom元素的id。

好的,如何在仪表盘自定义属性里面使用定时函数(setInterval)实现文字闪烁(颜色来回切换)
image.png601770324.png
回复 使用道具 举报
最佳答案
最佳答案
Eden.SunWyn认证
超级版主   /  发表于:2024-3-12 10:10:27
来自 2#
问题描述:获取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
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部