Question

[{＆＃34;国家＆＃34;：＆＃34;印度＆＃34;＆＃34;一年＆＃34;：1880，＆＃34;人口＆＃34;：2000000}，{＆＃34 ;国家＆＃34;：＆＃34;亚洲＆＃34;＆＃34;一年＆＃34; 1880＆＃34;人口＆＃34;：2000000}，{＆＃34;国＆＃34;：＆＃ 34;非洲＆＃34;＆＃34;一年＆＃34; 1880＆＃34;人口＆＃34; 100000}，{＆＃34;国＆＃34;：＆＃34;美国＆＃34;，＆＃34;一年＆＃34; 1880＆＃34;人口＆＃34;：150000}，{＆＃34;国＆＃34;：＆＃34;欧洲＆＃34;＆＃34;一年＆＃34 ;: 1880年，＆＃34;人口＆＃34; 150万}，{＆＃34;国＆＃34;：＆＃34;大洋洲＆＃34;＆＃34;一年＆＃34; 1880＆＃34;人口＆＃ 34; 120万}，{＆＃34;国＆＃34;：＆＃34;亚洲＆＃34;＆＃34;一年＆＃34;：1900年，＆＃34;人口＆＃34;：3000000}，{＆＃34;国＆＃34;：＆＃34;非洲＆＃34;＆＃34;一年＆＃34;：1900年，＆＃34;人口＆＃34;：2500000}，{＆＃34;国＆＃34 ;: ＆＃34;美国＆＃34;＆＃34;一年＆＃34;：1900年，＆＃34;人口＆＃34;：2304000}，{＆＃34;国＆＃34;：＆＃34;欧洲＆＃34; ＆＃34;一年＆＃34;：1900年，＆＃34;人口＆＃34;：1304000}，{＆＃34;国＆＃34;：＆＃34;大洋洲＆＃34;＆＃34;一年＆＃34 ;：1900，＆＃34;人口＆＃34;：2304500}，{＆＃34;国家＆＃34;：＆＃34;大洋洲＆＃34;＆＃34;一年＆＃34;：2 013＆＃34;人口＆＃34;：4000000}，{＆＃34;国＆＃34;：＆＃34;亚洲＆＃34;＆＃34;一年＆＃34;：2013年，＆＃34;人口＆＃ 34;：6000000}，{＆＃34;国＆＃34;：＆＃34;非洲＆＃34;＆＃34;一年＆＃34;：2013年，＆＃34;人口＆＃34;：8000000}，{＆＃34;国＆＃34;：＆＃34;美国＆＃34;＆＃34;一年＆＃34;：2013年，＆＃34;人口＆＃34;：5050000}，{＆＃34;国＆＃34 ;: ＆＃34;欧洲＆＃34;＆＃34;一年＆＃34;：2013，＆＃34;人口＆＃34;：6800000}]

我想知道如何将上面的json数据分配给高图中的系列以动态绘制图形

mY客户端脚本：

<script type="text/javascript">

  $(document).ready(function(){
      option={
         chart:{
             renderTo: 'chart_div',
                type: 'bar',
                marginRight: 130,
                marginBottom: 25
          },
          title: {
                text: 'Continent vs. Population',
                x: -20 //center
            },
            xAxis:{
                categories:[],
            },
            yAxis:{
                min:0,
                title: {
                    text: 'country'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y;
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: [{
                 data:[],
                 name:[]
            }]
      };
      $.getJSON("graph.htm",function(json){

         for(var count=0;count<json.length;count++){
            var  row=json[count];
            renderData(row);
                 }
       });
      function renderData(row){
          alert(row.population);
          option.xAxis.categories=row.country;

          option.series.data=row.population;
          option.series.name = row.year;
          chart = new Highcharts.Chart(option);
      }; 
  });
</script>

Answer 1

试试这个：

$(document).ready(function() {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'spline'
        },
        series: [{}]
    };
    $.getJSON('data.json', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.Chart(options);
    });
});

如何将我的json数据分配给highchart，下面是我的json数据

1 个答案: