Highcharts основной гистограмма обеспечивают категории XAxis с серией

Question

В нижеуказанном JSfiddle

категорий для диаграммы добавляются из этого кода:

xAxis: { 
      categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'], 
      title: { 
       text: null 
      } 
     } 

Я хочу поместить код для добавления категорий для диаграмма внутри функции addseriesToChart. Но я не знаю, как это сделать. Причина, по которой я делаю это, состоит в том, что я получу имя, идентификатор и данные для серии как строку Json. Я думаю, если это возможно для некоторых, как добавить категории также как часть моих данных Json.

Answer 1

Вы можете использовать setCategories

Например

var jsonData = { 
    id: '123', 
    name: 'Total Points', 
    categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],  
    data: [1052, 954, 4250, 740, 38] 
} 

function addseriesToChart(jsonData){ 
    var chart = $('#container').highcharts(); 
    chart.xAxis[0].setCategories(jsonData.categories); 
    chart.addSeries({ 
     id: jsonData.id, 
     name: jsonData.name, 
     data: jsonData.data 
    }); 
}