组态工具-脚本数据更新

组态工具在线测试地址

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 组态工具交流。

云环境的网络有点慢，如有需要本地免费部署体验使用的加我微信。