highchart的(column)柱状图修改图例

(highchart的(column)柱状图修改图例)

情况说明

柱状图的图例默认是圆点的,如图
在这里插入图片描述
要修改成方形,可以采用如下形式

plotOptions: {
    column: {
        tooltip: {
            pointFormat: `\u25A0  {series.name}:{point.y}
` } } }

效果

highchart的(column)柱状图修改图例_第1张图片

解释

采用格式化字符串的形式去替换,其中的\u25A0(Unicode字体)代表的是”实心方形“,然后再用point.color设置颜色即可达到目的,其他的形状同理。

相关链接

获取Unicode字体的链接 : https://unicode-table.com/cn/search/?q=%E5%AE%9E%E5%BF%83%E6%96%B9%E5%9D%97.

你可能感兴趣的:(highchart的(column)柱状图修改图例)