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

如何禁用Highcharts 9.0.1柱状图底部边缘的圆角?

解决Highcharts柱状图底部圆角问题

在Highcharts中,若想只保留柱状图顶部圆角、关闭底部圆角,无需使用无效的where:end参数,直接通过精准控制圆角属性即可实现:

方法1:使用对象形式配置borderRadius

在plotOptions.column中,将borderRadius设为包含四个角的对象,仅给顶部两个角设置圆角值,底部两个角设为0:

plotOptions: {
    column: {
        borderRadius: {
            topLeft: 8,
            topRight: 8,
            bottomLeft: 0,
            bottomRight: 0
        }
    }
}

方法2:单独设置顶部圆角属性

Highcharts支持单独配置顶部圆角,直接设置borderRadiusTopLeft和borderRadiusTopRight,底部圆角默认值为0,无需额外设置:

plotOptions: {
    column: {
        borderRadiusTopLeft: 8,
        borderRadiusTopRight: 8
    }
}

以上两种方式都能实现仅顶部显示圆角、底部为直角的效果。

内容的提问来源于stack exchange,提问作者Ivan Kondratev

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.23 07:22:03