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

如何为Highcharts JS负向柱状图设置自定义起始位置(如200)?

在Highcharts JS中自定义负向数值的起始基线

完全可以实现,你只需要配置Highcharts的threshold参数,把基线从默认的0改成200即可——这个参数的作用就是定义系列的基准线,所有低于该值的数据都会向基线的反方向绘制。

举个柱形图的示例代码:

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: '自定义基线(200)的柱形图'
    },
    yAxis: {
        title: {
            text: '数值'
        }
    },
    plotOptions: {
        series: {
            // 把基线设为200
            threshold: 200
        }
    },
    series: [{
        name: '数据系列',
        data: [250, 180, 220, 150, 300]
    }]
});

上面的代码里,180、150这些低于200的数值会向下绘制,高于200的250、220、300则向上绘制,正好符合你想要的效果(对应示例图:基线位于200,上下分别展示高低数值的柱形)。

内容的提问来源于stack exchange,提问作者John Johnson

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 02:15:34