echarts自定义legend样式

在使用echarts组件显示饼图时，可以通过自定义legend样式来实现个性化的效果。可以使用官方给定的模板加载出样式，并进行修改以符合自己的需求。

博主在开发过程中经常尽量还原UI设计的图，其中包括echarts中的图例图标样式的自定义。可以通过修改legend.icon的样式来实现自定义效果。

关于echarts图例（legend icon）图标的自定义，有几种方式可以实现。首先，可以使用默认的图例项icon样式；其次，可以使用图片链接或者base64图片来作为图例的icon样式；同时，也可以通过使用矢量路径来定义图例的icon样式。

总结来说，echarts提供了多种方式来自定义图例样式，可以根据自己的需求选择合适的方法进行样式的修改和定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts自定义legend样式的详细图文教程](https://blog.csdn.net/snow_living/article/details/127791432)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [echarts 图例（legend icon）图标自定义的几种方式](https://blog.csdn.net/rudy_zhou/article/details/111474179)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]