雷达图 点击事件

onImageClick(e){

    let lables  = this.props.image_label;
   if(e.componentType==='radar'&& e.name.length>0){
       //点击 雷达图的 名称label
　　　　　　let label = e.name
    }else {
       //点击雷达图的坐标
       let index = e.event.topTarget.__dimIdx;
       if(index!=undefined){
　　　　　　　//通过 indicator 获取lable

           let label = this.props.image_radar.radar.indicator[index].text;
          

       }
   }
}


注意：  想使用富文本rich,一定要渲染成 canvas ,svg 不好用

<ReactEcharts opts={{renderer: 'svg'}}
              lazyUpdate={true}
              notMerge={true}
              onEvents={{
                  'click':props.onImageClick
              }}
              opts={{renderer: 'canvas'}}
              option={image_radar}
              style={{height: '220px', width: '100%', margin: 'auto'}}
/>

radar:{
　　

name: {


    textStyle: {
        fontSize: 12,
        fontWeight:700,
        color: '#fff',

    },
    formatter: function(value,indicator) {
        if(value===image_label){
            return '{a|' + value +":"+indicator.val +'}'
        }else{
            return '{b|' + value +'}'
        }
    },
    rich: {
        a: {
            backgroundColor:'#ff6c5e',
            padding:5,
            borderRadius:5,
        },
        b: {
            color: '#fff',
            padding:5
        },
    },
},

}

原文地址：https://www.cnblogs.com/mengdiezhuangzhou/p/12171942.html