2016-07-04 47 views
0

需要具有用于泡泡图的json格式。数据来自json格式的数据库。在我使用的json格式中有一些问题。 继承人我的代码和JSON格式高图泡泡图dynamic-json格式

$(function() { 

$.getJSON("scatter.json", function(json3) { 




var chart; 
    chart = new Highcharts.Chart({ 

     chart: { 
      type: 'bubble', 
      renderTo: 'container4', 
      plotBorderWidth: 1, 
      zoomType: 'xy' 
     }, 

     title: { 
      text: 'Cost, Profit and Revenue' 
     }, 
     subtitle: { 
       text: 'for 2012' 
      }, 
     xAxis: { 
      gridLineWidth: 1, 
       title: { 
        style: { 
         fontSize: '9px',    
        }    
       },    
     }, 

     yAxis: { 
      startOnTick: false, 
      endOnTick: false, 
      title: { 
        text: 'In Dollars' 
       }, 
      max:500000, 
      min:0 
     }, 

     series: [{ 
        name: 'companyA', 
        data: json3[0] 
        }, { 
        name: 'companyB', 
        data: json3[1] 
       }] 



    }); 
}); 
}); 

和继承人JSON数据:

[[{ “月”: “七月”, “成本”: “632678”, “利润”: “457695”, “收入”:“637845”},{“月”:“8月”,“费用”:“776344”,“利润”:356179“,”收入“:”593207“},{”Month“ “成本”:“248527”,“利润”:“70855”,“收入”:“532231”},{“月”:“10月”,“成本”:“286024”,“利润”:“451776” ,“收入”:“217594”}],[{“月份”:“8月”,“费用”:“776344”,“利润”:“356179”,“收入”:“593207”}, :“9月”,“成本”:“248527”,“利润”:“70855”,“收入”:“532231”},{“月”:“10月”,“费用”:“286024” :“451776”,“收入”:“217594”}]]

回答

3

您的JSON存在错误。在第二个数组内,在属性“Profit”的值之前,缺少第一个引号。要验证您的JSON,您可以使用此页面:http://jsonlint.com/。请看这个例子:http://jsfiddle.net/tbb71s88/3/

series: [{ 
    name: 'companyA', 
    data: results[0] 
}, { 
    name: 'companyB', 
    data: results[1] 
}] 

你想达到这样的目的吗?要做到这一点,您需要更改JSON结构以适应气泡系列数据,如下所述:http://api.highcharts.com/highcharts#plotOptions.bubble

+0

谢谢你..会看着它 –