Skip to main content
5-Regular Member
June 6, 2023
Solved

Custom scatter chart widget

  • June 6, 2023
  • 2 replies
  • 4175 views

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

 

Best answer by slangley

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

2 replies

slangleyCommunity ManagerAnswer
Community Manager
June 21, 2023

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

5-Regular Member
June 22, 2023

thanks @slangley 

10-Marble
June 22, 2023

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.

5-Regular Member
June 23, 2023

Will try it.

Btw thanks @WesHuber