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

zhanle_huang

于 2021-11-30 16:58:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： highchart 前端 JavaScript 文章标签： javascript 前端前端框架 echarts

48 篇文章

订阅专栏

45 篇文章

订阅专栏

3 篇文章

订阅专栏

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

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

在这里插入图片描述

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