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

如何将HighchartsReact图例符号从圆形改为方形?

HighchartsReact 图例符号改为方形的配置方法

可以通过在legend配置段中添加itemSymbol参数,直接将图例符号从圆形修改为方形,修改后的配置如下:

legend: {
    enabled: true,
    align: 'left',
    itemSymbol: 'square' // 指定图例符号为方形
},

如果需要调整方形符号的尺寸等样式,可额外配置itemStyle:

legend: {
    enabled: true,
    align: 'left',
    itemSymbol: 'square',
    itemStyle: {
        width: 12, // 设置符号宽度
        height: 12 // 设置符号高度
    }
},

另外,也可以通过配置系列的marker.symbol来同步图例符号样式(图例符号默认继承对应系列的标记样式):

series: [{
    // 系列其他配置
    marker: {
        symbol: 'square'
    }
}]

内容的提问来源于stack exchange,提问作者Tal Levi

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.11 03:33:10