Integration of highchart.js, d3.js or chart.js into ThingWorx

Forum|Forum|6 years ago
September 2, 2019
5 replies
2896 views

Hi all, I am trying to modify the XY chart widget but I cannot modify the TW.ChartLibrary package as I do not have access to it. I have created a new XY chart extension based on the existing one (see attached zip file) and I want to know whether it is possible for me to integrate the APIs of highchart.js, d3.js or chart.js into my JavaScript code so that I can modify the extension correctly without touching the TW.ChartLibrary package. If integration is possible, how can I do so?

1_XYChartV2.zip

Best answer by kahmeng96

Hi @slangley,

My requirements are as follows: I want to create a custom XY chart widget (similar to the existing XY chart widget) in ThingWorx and I want the x-axis to be on the top of the chart so that the intersection of the x-axis with the y-axis is in the top left corner instead of the bottom left corner. The x-axis values should increase from left to right and the y-axis values should increase from top to bottom.

However, I have already used the d3.js library to help me draw the chart as I did not want to modify the TW.ChartLibrary. Nonetheless, it will be great if you could suggest any other ways to meet my requirements.

S

slangley

Support

Hi @kahmeng96.

Can you provide some specifics around what you are developing? We have some new beta widgets that may provide the functionality you're needing. We began introducing those in ThingWorx 8.4.

Regards.

--Sharon