Compatible runtimes: Windows/SCADA, HMI Runtime
Version: 1.0
Scalable: Yes. Maintain ratio for the best experience.
Description
A sample widget that creates a customisable circle graph based on charts.js.
For transparent background, check “Allow objects on top” in the widget object properties.
JavaScript controls passing the property values to chart.js.
Zip file
- circlegraph.cwp
- Widget - circlegraph5 examples.zip
- "Widget - circlegraph5 examples" project
Properties
| Property Name | Property Type | Description/Value | Action (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 |
다운로드 서비스를 이용하시기 전에 다음 이용 약관을 숙지하시기 바랍니다.
파일 다운로드는 이용 약관에 동의 함을 의미합니다.
약관
중요 공지 시스템 보안을 현대화하고 강화하기 위해 Otasuke Pro 회원 관리 시스템이 변경 되었습니다. 2017 년 10 월 이전의 휴면 계정은 새 계정을 만들도록 초대됩니다. 2017 년 10 월 이후에 로그인 한 사용자는 비밀번호를 재설정하고도록 초대됩니다.
