echarts中legend图例 ~ icon 自定义
legend部分:常用的icon值包括以下'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'如何自定义图片呢?根据网上查询的结果,以下方法 可能更加适应与vue项目:1.引入图片import imgCli from '../assets/client.jpg'2.在echarts绘图legend部
·
legend部分:常用的icon值包括以下
'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
如何自定义图片呢?根据网上查询的结果,以下方法 可能更加适应与vue项目:
1.引入图片
import imgCli from '../assets/client.jpg'
2.在echarts绘图legend部分: (最后一行,别写错位置)
legend: {
show: true,
orient: 'horizontal', // 图例朝向
left: '160px',
bottom: '0',
data: [
{
name: '供应商',
// 图例文字的样式
textStyle: {
fontSize: 12,
color: '#cfdbe6'
},
icon: ('image://' + imgSup + '')
},
3. 大功告成
小白希望给其他小白提供到帮助~
更多推荐
已为社区贡献1条内容
所有评论(0)