vue使用echart自定义标签以及颜色（echart 5.0以上版本）

最新推荐文章于 2024-05-30 23:16:00 发布

_小郑有点困了

最新推荐文章于 2024-05-30 23:16:00 发布

阅读量775

点赞数 1

分类专栏： echart 文章标签： echarts vue.js html

本文链接：https://blog.csdn.net/qq_44706619/article/details/120328431

版权

echart 专栏收录该内容

10 篇文章 5 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue项目中，如何在ECharts 5.0及以上版本中解决自定义标签颜色的问题。由于5.0版本后旧方法失效，作者通过在数据赋值时为每个标签颜色重新赋值，使其与饼图块颜色保持一致。此外，还提到了在饼图内部叠加百分比的实现方法，并提供了相应的配置项和代码示例。

摘要由CSDN通过智能技术生成

常规样式

在这里插入图片描述

UI画的样式效果

在这里插入图片描述

细节在于这个小圆点的颜色要和饼图块的颜色一致，这在5.0（echarts版本）之前的版本是可以使用这一段代码实现的。

label:{
   
	formatter: params => {
   //●
       return (
               '{icon|▅}{name|' +params.name+ '}{value|' +
               params.value  + '}'

了解本专栏

超级会员免费看

_小郑有点困了

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue使用echart自定义标签以及颜色（echart 5.0以上版本）

常规样式UI画的样式效果细节在于这个小圆点的颜色要和饼图块的颜色一致，这在5.0（echarts版本）之前的版本是可以使用这一段代码实现的。label:{ formatter: params => {//● return ( '{icon|▅}{name|' +params.name+ '}{value|' + params.value + '}' ); },
复制链接

扫一扫