使⽤echarts富⽂本标签为坐标轴添加图⽚富⽂本主要⽤到formatter和rich，formatter⽤于⾃定义格式，rich负责样式。
想要在轴上加图⽚，先定义格式，⽐如我想给x轴上每⼀个标签⽂本上⽅加同样的图⽚
1 formatter:function(value){
2return: `{img|}\n{value|${value}}`
3 }
4 rich:{
5    value:{fontsize:20},
6    img:{
7        height:15,
8        backgroundColor:{ image:'图⽚路径' }
9      }
10 }
formatter中的｛|｝表⽰⾃定义，img相当于html中的标签，在rich中为img设置样式。rich中的value是设置⽂本的样式。formatter有两个参数，⼀个是value，代表x轴上的默认标签⽂本，另⼀个是index，代表标签⽂本的索引，从0开始。所以如果想给每个⽂本前加不同的图⽚，只需这样
1 formatter:function(value，index){
2return: `{img${index}|}\n{value|${value}}`
3 }
4 rich:{
5    value:{fontsize:20},
6    img0:{
7        height:15,
8        backgroundColor:{ image:'图⽚路径' }
9    },
10    img1:{
11        height:15, backgroundColor:{ image:'图⽚路径' }
12    },
13    img2:{
14        height:15, backgroundColor:{ image:'图⽚路径' }
html富文本框15    }
16  }
如果想为标题加图⽚也是差不多的，甚⾄不需要⽤到formatter，直接在title下的text中写：｛a|｝标题内容
title:{
text:'{a|}标题⽂本' ,
rich:{  ...  }
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。