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

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

情况说明

柱状图的图例默认是圆点的，如图

要修改成方形，可以采用如下形式

plotOptions: {
    column: {
        tooltip: {
            pointFormat: `<span style="color:{point.color}">\u25A0</span>  {series.name}：{point.y}<br/>`
        }
    }
}

效果

解释

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

相关链接

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