如何自定义图例的形状和文字样式?-灵析社区

只想躺平

请问如何自定义图例项的形状,同时修改文字的样式,实现类似下图的图例样式: ![图片](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/45d2f7f9625a4aae1e4ace6eaebb00a4.png)

阅读量:409

点赞量:14

问AI
图例形状根据icon配置"https://echarts.apache.org/zh/option.html#legend.icon" (https://link.segmentfault.com/?enc=uOVTwgZ2lz3lr4lXa8QBVw%3D%3D.cymwSwvbk45Yce3Udd9LbxLoe5QghIdTjiiwyViCkvfT5vju9T6VQz%2F36rmIA5lI%2FeSzQy%2FEICWFNo3JoqwE3A%3D%3D) 后面添加的样式可以在textStyle的rich中配置 legend: { textStyle: { rich: { a: { fontWeight: 'bold', padding: [0, 0, 0, 10] } } }, formatter: function (name) { return name + '{a|37}'; }, icon: 'circle' }, "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/acb060d878dfb5c3c21c6a41ba4cc501.png)