HighCharts基本条形图提供带有Seri​​es的xAxis类别

Question

在下面提到的JSfiddle

中

此代码中添加了图表的类别：

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

我想在函数addseriesToChart中添加用于添加图表类别的代码。但我不知道怎么做。我这样做的原因是因为我将获得该系列的名称，id和数据作为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
    });
}