Skip to main content
5-Regular Member
Jun 6, 2023 6:22 AM UTC
Solved

Custom scatter chart widget

Hello, i want to create a custom scatter chart that has some properties like data, x-axis label, y-axis label, height, width, point size, point color, bg color, axis color, grid lines, title, tooltip, etc, and some events like data change, double click, etc. I have found below-attached fils from the community but I still have no idea for runtime.js file, can anyone provide me some docs or any file or code that can help me to create a custom scatter chart

 

slangleyAnswer
Support
Jun 21, 2023 6:46 PM UTC

Hi @prince_vanani.

 

Did you take a look at the Line Chart?  Under Parameters, you can select Scatter Plot Chart for ChartType.  This may provide the functionality you need without having to write your own custom widget.

 

If there is some missing functionality in the Line Chart, feel free to request an enhancement on the ThingWorx Ideas forum.

 

Regards.

 

--Sharon

4 replies

slangleyCommunity ManagerAnswer
Support
Jun 21, 2023 6:46 PM UTC

Hi @prince_vanani.

 

Did you take a look at the Line Chart?  Under Parameters, you can select Scatter Plot Chart for ChartType.  This may provide the functionality you need without having to write your own custom widget.

 

If there is some missing functionality in the Line Chart, feel free to request an enhancement on the ThingWorx Ideas forum.

 

Regards.

 

--Sharon

Translate
5-Regular Member
Jun 22, 2023 6:24 AM UTC

thanks @slangley 

Translate
10-Marble
Jun 22, 2023 3:45 PM UTC

If you want to make a custom widget, I've found this simplified version of a widget to be an extremely helpful starting point: https://github.com/vilia-fr/twx-infotable-to-json-ext

You can compress the UI and metadata.xml file using 7-zip, WinZip or any similar tool then import the widget as an extension to your project.

Translate
5-Regular Member
Jun 23, 2023 6:01 AM UTC

Will try it.

Btw thanks @WesHuber 

Translate