We have updated WebDataRocks EULA, effective as of April 18, 2024. Learn more about what's changed.

Highchart in angular

Resolved

Please how do i show highcharts on the webdatarocks in angular 2+. Please show us an example. I could show table, but don’t know how to implement highchart with it in angular 2+.
 Help translate this function below to angular 2+ in connection with
https://github.com/WebDataRocks/pivot-angular/tree/master/src/app/webdatarocks;
Thank you.

function createChart() {
pivot.highcharts.getData({
type: "areaspline"
}, function(data) {
$("#highchartsContainer").highcharts(data);
}, function(data) {
$("#highchartsContainer").highcharts(data);
});
}

2 answers

WebDataRocks Team WebDataRocks January 25, 2019

Hi Ay,
 
It is a good start if you already have the WebDataRocks table in your angular 2+ project.
 
Just to avoid misunderstanding, WebDataRocks can be integrated with Highcharts and it does not mean that WebDataRocks has Highcharts inside. You need to add Highcharts to your angular 2+ project separately. Here is a documentation on how to integrate WebDataRocks with Highcharts: https://www.webdatarocks.com/doc/integration-with-highcharts/.
 
Hope it helps!
 
Regards,
WebDataRocks Team

WebDataRocks Team WebDataRocks January 29, 2019

To see a detailed example of an Angular project with WebDataRocks and Highcharts, please refer to the answer to the following question.

Hope it helps get a better understanding of an integration process. 
Regards,
WebDataRocks Team