echarts柱状图顶部添加图片
时间: 2023-11-11 15:59:10 浏览: 145
echarts 柱状图渐变色背景
5星 · 资源好评率100%
可以通过echarts的graphic组件在柱状图顶部添加图片。具体实现方法如下:
1. 在option中添加graphic组件:
```
graphic: {
type: 'image',
id: 'logo',
right: 20,
top: 20,
z: 10,
bounding: 'raw',
origin: [75, 75],
style: {
image: 'https://www.echartsjs.com/zh/images/favicon.png',
width: 150,
height: 150,
opacity: 0.8
}
}
```
2. 在series中设置barWidth和barCategoryGap属性,使柱状图与顶部图片不重叠:
```
barWidth: '60%',
barCategoryGap: '40%'
```
阅读全文