Echarts自定义图片注释目的：在双柱图上绘制增长率箭头，直观显示增长率
Tip:尝试配置label.background color : { image :‘XXX/XXX.png’}，但无效
实现：利用markPoint.symbol
dataURI (图像在线变换为base64格式，缩放时模糊不可设定颜色)或SVG ) iconfont网站图标变换为SVG代码，缩放时也不失真，可以设定颜色) markpoint 33366 数据uri base64， r0 lgodlheaaqamqaaorhovskudfoulrsop3woydzu6qdvcchpgolfo 0o/xbs/fnwfjz 0f rl3/zy7waaaaaaa-aaaaaa-aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa-qaosj 6mu7fiyzeknkkkktotoktoktotorabaatid aaavicabavicsozlcqaosj 6mu iguhwfuylcvdfcrkue1lbavavifidltimbkc5gm2hb0slbcbmqib0uji QA7' /或symbol 3360 ' path 3360//m30。 5.3 56.4、13.5、56.4、27.6s45、53.2、30.9、53.2zm30.9、3.5、6.8、14.4、6.8、27.6c0、13.3、10.8、24.1 0-0.9-0.399-0.9-1v 19.5 c0-0.6、0.4-1、0.9-0 1.3c-0.5、0-0.9-0.399-0.9-1v 19.5 c0-0.6 data2)//标记数据、增长率计算、markPoint标记的倾斜角度symbolrotateletmarkpointdata=[ ] data1.foreach ((value， 索引((letrate=math.round ) ) data2[索引]-data1 [索引] )/data1[index] * 10000 )/100 ' % ' let label=found ' ) letmarkpointitem={ coord : [ xaxis [ index ]，daxis ] ) daxis )。 label 3360 label } markpoint data.push (markpoint item ) else { letmarkpointitem } { coord 3360 [ xaxis [ index ]， data1 [ label 3360 label ] markpoint data.push (markpoint item ) }(varmychart=echarts.init ) document.getelementbyid ) 图表mychart.setoption (. series : ) )/.在此处绘制第一个数据序列增长率箭头markpoint://SVG格式的图像symbol: 'path://m 1010.80577455.530292 a 29.7269429.72694001042.037895 l 758.668226749.785575 a 29.71496301-42.017934-42.027914 l 252. 29.7209510142.0179340 zm 758.668226203.312904 l 252.137544252.217388 a 29.717957001-42.01793442.037898942 047876 zm 27.945419447.20655 h 955.693411 a 20.4600390120.4600390039120.460039 v 18.254347 a 20.460039039 9001-20.46003920.460039 h 27.945419 a 20.46003920.4600390017.48538485.920936 v-18.254347 a 20.46003900120.460039000.4600000120 /图像大小symbolOffset:[10，-20]，//图像相对于条形图x有y轴的偏移，注意y向上移动负的数据：标记数据。 itemStyle: { //设置图标颜色color: 'red' }、label:{ show:false，//顶部默认显示y轴的值，可以设置false。 {//.不显示第二个数据)，效果图：