小部件 - 环形图 5
兼容的运行时: Windows/SCADA, HMI Runtime
版本:1.0
可缩放: 是。 请保持图像比例以获得最佳体验。
描述
基于charts.js,创建可定制环形图像的示例小部件。
对于透明背景,在小部件对象属性中勾选“Allow objects on top”。
JavaScript控制将属性值传递给chart.js。
Zip文件
- circlegraph.cwp
- 小部件 - circlegraph5 examples.zip
- "Widget - circlegraph5 examples" 工程
属性
属性名称 | 属性类型 | 描述/值 | 动作(Set/Get) |
---|---|---|---|
Decimal_Places | Boolean Integer Real Numeric Constant | The number of decimal place to display. Value can be 0 or positive whole number. No Real number with decimals. For example a Value_Actual of 123.45 Decimal_Places = 0 → 123 Decimal_Places = 1 → 123.4 Decimal_Places = 5 → 123.45000 | Set |
DoughnutCutout | Boolean Integer Real Numeric Constant | Set | |
Label_Text | String String Constant | Set | |
Label_Text_Colour | String String Constant | Set | |
Label_Text_Font_Size | Boolean Integer Real Numeric Constant | Set | |
Label_Text_OffsetY | Boolean Integer Real Numeric Constant | Set | |
Label_Text_Shadow_Blur | Set | ||
Label_Text_Shadow_Colour | Set | ||
Label_Text_Shadow_OffsetX | Set | ||
Label_Text_Shadow_OffsetY | Set | ||
Remainder_Graph_Colour | Set | ||
Value_Actual | Set | ||
Value_Graph_Colour | Set | ||
Value_Max | Set | ||
Value_Text_Colour | Set | ||
Value_Text_Font_Size | Set | ||
Value_Text_OffsetY | Set | ||
Value_text_Shadow_Blur | Set | ||
Value_Text_Shadow_Colour | Set | ||
Value_Text_Shadow_OffsetX | Set | ||
Value_Text_Shadow_OffsetY | Set | ||
Value_Text_Show_Actual1_or_Percent0 | Set | ||
Value_Text_Units | Set |
类别
示例
版本
20.0.3