Skip to content

3.2 图表组件(ECharts) ​

所有图表组件均基于 ECharts,数据绑定后实时刷新。

3.2.1 仪表盘 ​

用途:以仪表形式显示数值型数据,如温度、压力。

控件属性:

属性说明类型默认值
表达式绑定的数据点数据点选择器—
最小值 / 最大值量程范围数字0 / 100
表盘起始角起始角度数字225
表盘结束角结束角度数字-45
表盘大小半径百分比数字80
下限颜色 / 中间颜色 / 上限颜色分段配色颜色—
下限阀值 / 上限阀值分界比例数字0.2 / 0.8
分度数刻度数量数字10
表盘宽度轴线宽度数字20
单位数值后缀字符串—

3.2.2 曲线(折线图) ​

用途:多数据点折线趋势对比。

控件属性:

属性说明类型
数据源绑定的多个数据点数据点数组
标题图表标题字符串
主题颜色配色方案颜色选择

支持实时刷新与历史查询两种模式。

3.2.3 柱状图 ​

用途:柱形对比多个数据点数值。属性结构与曲线一致。

3.2.4 饼图 ​

用途:多数据点数值占比。属性结构同上。

3.2.5 旭日图 ​

用途:展示多层级环形占比数据。

属性说明类型
数据JSON 格式的层级数据字符串
半径图表半径数字

3.2.6 树图 ​

用途:展示层级结构,如组织架构或设备拓扑。属性结构与旭日图一致。

3.2.7 实时趋势 ​

用途:滚动刷新的实时曲线,不需要历史库,数据从打开画面那一刻开始记录。

属性说明类型
数据源绑定的多个数据点数据点数组
缓存数量曲线上最多保留几个点数字
刷新间隔多少毫秒采一个点数字

3.2.8 报警灯 ​

用途:绑定数据点,根据报警状态闪烁/变色指示。

属性说明类型
绑定数据状态数据点数据点
正常颜色值为 0 时颜色颜色
报警颜色值非 0 时颜色颜色
闪烁报警时是否闪烁布尔

LPPLC 工业物联网云平台 · 软硬件与云平台全栈自研