把legend图例设置背景色或者背景图

把legend设置成Arr,在每个legend对象里面背景颜色设置图片或者颜色值，backgroudColor:{image:(background.png)}。 设置完成后，legend会重叠在一起，使用top设置距离顶部的高度，把重叠的legend分开显示。 关于文字的显示，使用自定义富文本样式textStyle.rich，通过padding设置文本左右显示，经测试文本字数不能超过7个字，超过就视觉上宽度是不一样的。

原图：

demo图：

核心代 码：

top: `${90 - (i + 1) * 10}%`,

data: [

https://img-mid.csdnimg.cn/release/static/image/mid/ask/439372854686186.png "#left")

{

name: item.name,

icon: 'rect',

borderWidth: 0

}

],

backgroundColor:{

image: './legend_bg.png'

} ,

完整代码：

Document

好文阅读

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：