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

【问题标题】：Highcharts parse json string for x-axis grouped categoriesHighcharts 解析 x 轴分组类别的 json 字符串
【发布时间】：2018-01-30 06:46:05
【问题描述】：

我正在用 asp c# 开发一个项目，并使用 Highcharts 进行报告。

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

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

【问题讨论】：

你在用blacklabel.github.io/grouped_categories
是的，我正在使用 blacklabel.github.io/grouped_categories
检查jsfiddle.net/4xjk8cLq
哇感谢 Deep 3015 这对我帮助很大！

标签： javascript json highcharts

【解决方案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
        }
    });
});

Fiddle演示

【讨论】：