javascript - 来自数据数组的 Highcharts 类别

Question

我正在尝试从 mysql 表中提取数据并将其设置为 x 轴类别，但我不太了解如何操作。

基本上，我在表格中有工作编号，我想提取这些并将它们作为 x 轴上的类别，最终当针对特定工作单击一列时，它会向下钻取更多列(加起来占职位总数的百分比)。

这是我正在尝试做的事情的示例，它在此处使用数组时处理列数据，但不适用于类别，因此它不会以这种方式工作。

http://codepen.io/anon/pen/BoJqA

我该怎么做呢？

Answer 1

我不确定问题是“我如何使用 php/mysql 执行此操作”或“我如何在 highcharts 中定义列名”。我会尽量回答后者。 试试这个代码来显示自定义列名而不是 1,2,3,...:

$(function () { 
    var data = {"name":"Percentage","data":[50,28,150,125,34,75]};
    var categories = [5600, 5700,5800,5900,6000,6100];
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Job Budget Report'
        },
        xAxis: {
            categories: categories
        },
        yAxis: {
            title: {
                text: '% Budget hrs'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
             }]
        },
        series: [data]
    });
});