javascript - 如何在 HighCharts 中添加与图例相关的类别？

Question

除了一个问题，我几乎完成了我的图表。我想将每个独特的系列与图例和类别联系起来。我想在每个图表下放一个数字，这些数字将显示在图例中。所以让我从视觉上解释一下。

这是我所做的：

这就是我想要做的：

看？它总是放在0底部？但我想像第二个一样为每个条添加单独的数字。

这是jsfiddle。

我不想使用纯 HTML，因为我担心定位。

PS：我已经试过categories: [1,2,3,4,5]了，但是没有用。

Answer 1

您可以在发布时设置类别，

http://jsfiddle.net/yTFTb/

xAxis: {
            categories: [
                '1',
                '2',
                '3',
                '4',
                '5'
            ]
        },

或为 xAxis 设置 min/tickInterval 值。

http://jsfiddle.net/yTFTb/2/

http://api.highcharts.com/highcharts#xAxis.min http://api.highcharts.com/highcharts#xAxis.tickInterval

Answer 2

类别对您不起作用的原因是您指定了 5 个系列和 1 个数据点，而类别与 5 个数据点相关。如果您像这样指定数据：

var data = [{data:[
    {
        x:1,y:6793,name:'lorem',pname:'some explanation',chid:9,color:'red'
    },
    {
        x:2,y:4237,name:'ipsum',pname:'some explanation',chid:7
    },
    {
        x:3,y:3384,name:'dolor',pname:'some explanation',chid:23
    },
    {
        x:4,y:2542,name:'sit',pname:'some explanation',chid:1
    },
    {
        x:5,y:724,name:'amet',pname:'some explanation',chid:1
    }
]}
];

http://jsfiddle.net/Z5VPw/

你可以让它工作，因为有 5 个类别和 5 个数据点。

我不得不修改你的函数来迭代点，而不是系列：

$.each(chart.series[0].points, function (i, series) {