cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Is there any way to include amcharts in Thingworx?

SOLVED
Highlighted
Regular Member

Is there any way to include amcharts in Thingworx?

I have a requirement to include am charts in the thingworx. Is this possible by including amchart libraries and creating new custom widgets? Any insight in this would be helpful.

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Is there any way to include amcharts in Thingworx?

@Constantine ,

 

Thanks for your reply. Giving the values in px was an effective way to define the size of the chart. In addition to that the size was suppose to be defined in the  runtime.css file.

 

For community,

I have included the zip file of a sample widget for future reference.

View solution in original post

6 REPLIES 6

Re: Is there any way to include amcharts in Thingworx?

Hi @Vatsal.

 

It is possible to include these libraries to the ThingWorx platform, but not something we have tested or would support.  For creating new custom widgets, please refer to this documentation.

 

It's recommended that with any new libraries, you fully test your functionality to ensure there are no conflicts with existing libraries.

 

Regards.

 

--Sharon

Re: Is there any way to include amcharts in Thingworx?

Thanks a lot for your reply @slangley .

I tried creating a chart widget using the amChart libraries and was able to do so.

However the rendering is not doe properly in Thingworx. I have attached the screenshots of the rendered images when the chart is made in HTML(amChartHTML.png)

amChartHTML.PNG

and when it is made in Thingworx(amChartTW.png).

amChartTW.PNG

 

I have also uploaded the runtime.js file i am using in the TW widget. In case you can identify if i am missing anything kindly let me know.

Re: Is there any way to include amcharts in Thingworx?

Hello,

 

Just few observations:

  1. It looks like the chart is squeezed into a container which is too small. This is something you can confirm by checking DOM hierarchy in Chrome Dev Tools;
  2. The chartContainer (together with the corresponding div) seems to be unnecessary;
  3. What if you try to set width on the div you render?

/ Constantine

Re: Is there any way to include amcharts in Thingworx?

Thanks for your reply @Constantine .

I tried to add the width and height of the chart in terms of percentage while creating the chart element.

This addition has resulted in the reflection of width for the chart element, but the height is not getting reflected. You can refer to #line27 of the included txt file.

This is the result after the changes are made.

amChartTW2.PNG

If the height is increased to 150%, below is the result: The height of the chart is increased, but the element to control the x axis is not visible(The light grey graph line in the above image).

amChartTW3.PNG

How can i increase the size of the container in which the chart is added?

Re: Is there any way to include amcharts in Thingworx?

Vatsal,

 

I'm really not an expert in UI extensions, but since you don't get other replies, I can only suggest looking at how other extensions implement it. If I remember correctly (and I might be completely wrong here), the widget's Height property is somehow calculated automatically based on the layouts, and then this value (in pixels) can be used instead of "100%". Sorry, cannot verify it right now.

 

/ Constantine

Re: Is there any way to include amcharts in Thingworx?

@Constantine ,

 

Thanks for your reply. Giving the values in px was an effective way to define the size of the chart. In addition to that the size was suppose to be defined in the  runtime.css file.

 

For community,

I have included the zip file of a sample widget for future reference.

View solution in original post

Announcements

Thingworx Navigate content has a new home! Click here to access the new Thingworx Navigate forum! ______________________________