组态工具在线测试地址
http://101.42.24.183/ztgj
用户名:zm1 密码:1234qwer!1
各位大大,使用不要修改密码和删除数据,方便大家一起使用。
通过脚本更新柱状图数据
下图绑定数据源
执行动作选择JavaScript脚本
function dataScript(param){
console.log('ceccccccc',param) //打印脚本更新时收到的参数
let id = '60afdd7f' //图表柱图控件的id,可以通过柱图的属性里面复制
let chart = window.topology.find(id)[0] //通过id查找到对应的柱图控件
console.log('pppppppp',chart) //打印柱图控件
let axDatas = []; //定义x轴数据变量
let seriesDatas = []; //定义y轴值数据变量
param.datas.forEach(item=>{ //将收到的数据的NAME,COUNT添加到x,y对应的变量
axDatas.push(item.NAME)
seriesDatas.push(item.COUNT)
})
let option = chart.echarts.option; //获取柱图控件的属性的option,这个对应的echart的option。
option.xAxis.data = axDatas; //x赋值
option.series[0].data = seriesDatas; //y赋值
let obj = {}; //新定义一个obj对象
obj['echarts'] = {option : option}; //赋值obj对象的echarts属性
obj.id = id; //obj对象的id赋值为柱图的id。
window.topology.setValue(obj); //更新柱图
}
上面是更新柱图的脚本。
注意 window.topology.setValue(obj) 更新对象的属性方法。
预览画面的效果
更新前
更新后
总结
该款软件支持本地部署,欢迎大家体验使用。
有啥问题可以添加我的微信交流下,备注下iot 组态工具交流。