Home/ Questions/Q 7558089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T12:17:12+00:00

I am working on a new project and using highchart for chart creation .

  • 0

I am working on a new project and using highchart for chart creation. I created a json file with some data from database:

[{"date": "2012-02-23", "number": 2}, {"date": "2012-02-21", "number": 4]

How do i can add this data to Highcharts->Chart->Series->Data?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Find the code below. This displays the column chart for the data present in the JSON. 

     <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
            var data=[{"date": "2012-02-23", "number": 2}, {"date": "2012-02-21", "number": 4}];
            var chart = new Highcharts.Chart(
              {
                chart:{
                    renderTo: "container", // the div id where you want to dispaly the chart
                    type: 'column',        // type of chart as colum chart, it can be anything-'bar','pie','column' etc.
                    height: 300
                },
                title: {
                    text: "Numbers on two different dates"
                },
                xAxis: {
                    categories: [data[0]["date"],data[1]["date"]]
                },
                yAxis: {
                    title: {
                        text: 'Numbers on date'
                    }
                },
                series: [{name:"numbers",data:[data[0]["number"],data[1]["number"]]}]
            }  
        );          
    });
    </script>
    </head>
    <body>
    <div id="container">
    </div>
    </body>
    </html>
    • 0