在Highcharts上比Series更少的类别

时间:2016-06-02 19:39:59

标签: highcharts categories series

如果我的高价图表中的类别少于系列,则类别数组会使用系列中每个项目的索引自动填充itselft。

即:

series = [10,30,54,20,30,40,50,60,07,80,30,20]
categories = [125,250,500]

但是当我绘制图表时,这就是我得到的:

系列= [10,30,54,20,30,40,50,60,07,80,30,20] 类别= [125,250,500,3,4,5,6,7,8,9,10,11,12]

我不希望显示4,5,6 ......类别,我只需要在类别数组中指定的类别,因此每个类别将有多个单点。

Heres te JSFiddle的一个例子就像我遇到的问题一样。

http://jsfiddle.net/pc4na4fk/

编辑:

This is the type of graph that I need

2 个答案:

答案 0 :(得分:1)

我可以这样解决:

如果我想要填充第一个类别,我需要将系列对象的x属性设置为0.0到0.999 ..范围,第二个类别设置为1.0到1.999范围等。

这里是JSFiddle,展示了我是如何让它发挥作用的:

 data: [[0,29.9],[0.1,39.9],[0.2,19.9],[0.3,25.9],[0.4,13.9],[1,55.9],[1.1,22.9],[1.2,23.9],[1.3,43.9],[2.1,26.9],[2.2,13.9],[2.3,19.9],[2.4,10.9]]

http://jsfiddle.net/p4fokmw3/2/

答案 1 :(得分:0)

如果您在定义图表选项之前知道categories数组中有多少个值,则可以在x轴上设置max属性以限制显示的项目数量轴。

max的值应为categories数组中的项目总数减去1.因此,三个项目= max: 2;两项= max: 1;等:

    xAxis: {
        categories: ['125', '250', '500'], max: 2
    },

以下是此修补程序的更新版本:http://jsfiddle.net/brightmatrix/pc4na4fk/2/

我希望这对你有所帮助!

enter image description here