环形图
小部件 - 环形图 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

在使用我们的下载服务之前,请先了解以下使用条款。
下载任何文件表示您同意这些条款。
使用条款

注意事项 我们已经更换了Otasuke Pro用户管理系统。2017年10月之前不活跃的用户将被邀请创建一个新帐户。在2017年10月之后登录的活跃用户将被邀请重置密码