长数组组类别中的Highchart

时间:2018-07-28 05:33:35

标签: javascript html highcharts

如果我的数组超过15个,我会在highchart中使用条形图,然后将它们合并,而不在

的x中显示类别
legend: {
    enabled: false
},
plotOptions: {

    series: {
    startFromThreshold: false,
        threshold: null,
        borderWidth: 0,
        dataLabels: {
            enabled: true,
            format: '{point.y:.1f}'
        }
    },
    bar: {
        cropThreshold:1,
        turboThreshold:10000

    }

},

jsfid 如何更改合并数组项的阈值?

1 个答案:

答案 0 :(得分:1)

类别标签被隐藏(“分组”),因为x轴上的标签太拥挤了。您可以使用xAxis.tickPositioner覆盖默认的tickInterval,因为如果tickInterval太拥挤而无法正确显示标签,则可能会删除刻度线。然后,您需要实现tickPositioner以返回所需的所有刻度位置。就您而言,所有这些。

例如在ES6中(JSFiddle):

tickPositioner: function() {
    return [...Array(this.max - this.min).keys()];
}

或者如果您不想执行ES6:

tickPositioner: function() {
    return Array.apply(null, Array(this.max - this.min)).map(function (_, i) {return i;});
}

其中this是x轴,而minmax是x轴,用于查找轴的范围。