Echarts 雷达图 radar 样式美化

Posted 2023-04-22

参考技术A 基于官网的基础，修改其配置，美化样式

echarts radar 一些会用到了的功能记录

点击雷达图小标题进行相应操作

// options中添加
 radar:
     triggerEvent: true
  

 // 添加监听事件, 点击雷达图标题
    this.radarEchart.on(‘click‘, function (params) 
        alert(params.name)
        if (params === ‘实线‘) 
          console.log(1)
        
      )    

 

点和线的控制

 

  smooth: true, // 圆点是否实心
  symbol: ‘circle‘,     //设定形状为圆点
  symbolSize: 5,   //设定实心点的大小
  itemStyle:  
      normal: 
      color: ‘#F9713C‘ // 点的颜色
      
   ,
  lineStyle: 
  　　color: ‘rgba(1, 1, 1, 0)‘, //线的颜色
   ,