如何在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) {