demo_project_view_sdk8 v1.0.0

Example Widget project using Highcharts

• TypeScript is needed for compilation
• Multiple TypeScript widgets are compiled together into one bundle (dist/main.js)

• Run tsc -b to build

• Each widget has it's own widget definition (mdw.json) visible in Widget library

• Widgets Dependencies contain ./common/common.mdw.json which covers the bundled sources (dist/main.js)

• Highcharts are loaded through ./common/highcharts.mdw.json (NOTE: IsBrowsable: false prevents these modules from showing up in Widget library.)

• Highcharts helper for detecting when Highcharts have loaded is implemented in ./common/highcharts.ts

• HighCharts are expected to be found in ./lib/Highcharts-10.3.2 folder (loaded from https://www.highcharts.com/blog/download/) Update highcharts.mdw.json accordingly if the version differs

(c) Copyright ABB. All rights reserved.