如何禁用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
相关产品推荐
相关产品推荐

