We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

How to integrate amcharts with Flexmonster in Angular?

Answered
Rudolf Brink asked on October 6, 2020

Hi there,
I saw in the flexmonster/lib folder an integration file for amcharts.
Could you please share with us an example on how to integrate amcharts in the chart pivot?
Many thanks.
RB
 

2 answers

Public
Vera Didenko Vera Didenko Flexmonster October 7, 2020

Hello, Rudolf,
 
Thank you for your question. 
 
We have prepared a sample Angular project with Flexmonster and amCharts for reference (please see "pivot-angular-amcharts.zip" in the attachments).
After unpacking the project, please run the following commands to start the application: 

npm i

npm start

The project will be available at http://localhost:4200/
 
 
We would like to mention that amcharts has not yet been added to the TypeScript definitions. Our team will provide an update to include this property with the ETA 19th of October. 
 
Meanwhile, we kindly suggest referring to the amcharts property in the following way (as shown in the provided project):  
this.pivot.flexmonster["amcharts"].getData(...)
 
 
Please let us know if this helps. 
Looking forward to your response.
 
Kind regards, 
Vera

Public
Vera Didenko Vera Didenko Flexmonster October 20, 2020

Hello, Rudolf,
 
We are happy to inform you that the type definitions file was extended with API for integration with amCharts
This is available in the latest version of Flexmonster: https://www.flexmonster.com/release-notes/.
You are welcome to update the component.

 
Also, our team would like to kindly take an interest in whether you found the sample project helpful. 
In addition, we have added a tutorial for assistance that might be of interest: https://www.flexmonster.com/doc/integration-with-amcharts/
 
Please let us know if everything works fine for you.
Looking forward to your feedback.
 
Kind regards, 
Vera

Please login or Register to Submit Answer