echarts x轴加箭头_Echarts柱状图x轴增加文字选择性增加图片

上图实现的就是当鼠标点击上方柱体时，在柱体的文字下显示一个向下的箭头，这个是通过Echarts的rich属性

var app = {};

option1 = null;

var a=0;

option1 = {

color: function(params){

debugger

var key = params.dataIndex;

if(key === curInt){

a=params.name;

return '#FDA742'

}else{

return '#31AFF9'

}

},

tooltip: {

trigger: 'axis',

axisPointer: { // 坐标轴指示器，坐标轴触发有效

type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'

}

},

grid: {

height:150,

left: '3%',

right: '4%',