Highcharts – Pass data dynamically with jQuery!

This tutorial shows how to pass the data dynamically to Highcharts using jQuery. No server side script used such as PHP or ASP. So, this tutorial will teach you only passing the data not to create data. If you want to create dynamic data then you should use server side scripting.

What will you learn in this tutorial?

1. Passing dynamic title in highcharts
2. Passing dynamic chart type in highcharts
3. Passing dynamic categories in highcharts
4. Passing dynamic data in highcharts

What all you should pass? see the below:

 How do you pass?

See, the one set of values:

I don’t want to stretch this saying the same thing again and again, here is the entire code, just read the comments in the code to understand what is happening!!

Basically in the above code, I’m using a function setDynamicChart() and passing all the four parameters. With the help of jQuery on click event I’m refreshing the Highcharts and passing different values depending on the button clicked!

And to see how this code works, here is the demo for you:

demo

 

One Comment

Add a Comment

Your email address will not be published. Required fields are marked *