2016-07-04 5 views
0

должен иметь формат json для диаграммы пузырей. данные поступали из базы данных в формате json. есть некоторая проблема в json формате, который я использую. Heres мой код и JSON форматhighchart пузырьковая диаграмма 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] 
       }] 



    }); 
}); 
}); 

и Heres JSON данные:

[[{ "Месяц": "Июль", "Стоимость": "632678", "Прибыль": "457695", «Доход»: «637845»}, {«Месяц»: «Авг», «Стоимость»: «776344», «Прибыль»: 356179 »,« Доход »:« 593207 »}, {« Месяц »:« Сен », , «Стоимость»: «248527», «Прибыль»: «70855», «Доход»: «532231»}, {«Месяц»: «Октябрь», «Стоимость»: «286024», «Прибыль»: «451776», , «Доход»: «217594»}], [{«Месяц»: «Авг», «Стоимость»: «776344», «Прибыль»: «356179», «Доход»: «593207»}, {«Месяц» : «Сентябрь», «Стоимость»: «248527», «Прибыль»: «70855», «Доход»: «532231»}, {«Месяц»: «Октябрь», «Стоимость»: «286024», «Прибыль», : «451776», «Доход»: «217594»}]]

ответ

3

В вашем JSON есть ошибка. Внутри второго массива, перед значением свойства «Прибыль», отсутствует первая кавычка. Для проверки ваших 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

спасибо, человек .. заглянет в него –

Смежные вопросы