Highcharts解析X轴分组类别的json字符串

Question

我正在使用ASP C＃开发一个项目，并使用Highcharts进行报告。

我想将我拥有的类别分组为一个json字符串，而且我不知道如何将数据推送到x轴类别。

[{“名称”：“ CTS”，“类别”：[“ 01AT”，“ 02AT”，“ 03AT”，“ 04AT”，“ 06AT”]}，{“名称”：“ 340_HSC”，“类别”： [“ 02QHSC”，“ 05QHSC”，“ 07QHSC”，“ 14QHSC”]}]

Answer 1

您的json字符串包含正确的数据格式以作为xAxis类别传递。 因此，将您的json字符串作为

$(function () {

var jsond=[{ "name": "CTS", "categories": ["01AT", "02AT", "03AT", "04AT", "06AT"] }, { "name": "340_HSC", "categories": ["02QHSC", "05QHSC", "07QHSC", "14QHSC"] }];

    var chart = new Highcharts.Chart({
        chart: {
            renderTo: "container",
            type: "column"
        },
        title: {
            useHTML: true,
            x: -10,
            y: 8,
            text: '<span class="chart-title"> Grouped categories <span class="chart-href"> <a href="http://www.blacklabel.pl/highcharts" target="_blank"> Black Label </a> </span> <span class="chart-subtitle">plugin by </span></span>'
        },
        series: [{
            data: [4, 14, 18, 5, 6, 5, 14, 15, 18]
        }],
        xAxis: {
            categories: jsond
        }
    });
});

小提琴演示