You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Highcharts堆叠柱状图因数据极差过大导致柱子重叠的解决办法咨询

Highcharts堆叠柱状图因数据极差过大导致柱子重叠的解决办法咨询

大家好,我最近在用Highcharts做堆叠柱状图时遇到了一个头疼的问题:当系列数据里的最大值和最小值差距特别大的时候,数值小的柱子会被完全覆盖重叠,在图表上根本看不到它们的存在。

就拿Jan这个分类来说,两个系列明明都有数据,但图表上只显示出一个柱子,只有hover到图例的时候才发现它们是叠在一起的。我本来以为设置柱子的minPointLength属性能解决这个问题,但试了之后发现还是没用,小数值的柱子依然会被覆盖。

下面是我的代码示例,大家可以看看具体的配置:

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: [
            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
            'Oct', 'Nov', 'Dec'
        ]
    },

    plotOptions: {
        series: {
            stacking: 'normal'
        },
        column: {
            minPointLength: 3
        }
    },

    series: [{
        data: [
            27, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,
            95.6, 5400.4
        ]
    }, {
        data: [
            25, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5,
            106.4, 129.2
        ]
    }],

    tooltip: {
        pointFormat: '{series.name}: <b>{point.y}</b> ' +
            '({point.percentage:.1f}%)<br/>'
    }
});

想请教一下各位,有没有什么可行的办法能解决这个问题呀?

备注:内容来源于stack exchange,提问作者Tim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 16:59:32