echarts中 legend的formatter插入html标签
时间: 2023-07-28 21:24:13 浏览: 1074
echarts 图形数据调用 html 调用案例
在 ECharts 的 legend 中使用 formatter 属性时,可以通过返回值中嵌入 HTML 标签来实现更加丰富的格式化效果。
例如,可以使用 `<span>` 标签来设置字体颜色,`<b>` 标签来加粗字体等等。具体实现方法如下:
```javascript
legend: {
formatter: function (name) {
return '<span style="color:red">' + name + '</span>';
}
}
```
上述代码中,`formatter` 函数的返回值是一个字符串,其中使用了 `<span>` 标签来设置字体颜色为红色,并且在标签中插入了图例的名称 `name`。
你可以根据需要自定义 HTML 标签来设置图例的样式。同时需要注意的是,ECharts 中还提供了许多其他的图例配置选项,可以根据具体需求进行设置。
阅读全文