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

