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

weixin_30550271

于 2019-09-24 16:27:00 发布

阅读量495

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xianhuiwang/p/11579058.html

版权

本文介绍了如何在ECharts中通过设置radar组件的triggerEvent属性实现雷达图小标题的点击交互，并展示了如何控制雷达图中点和线的样式，包括设定形状、大小及颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

// options中添加,坐标轴的标签是否响应和触发鼠标事件，默认不响应。
 radar:{
     triggerEvent: true
  }

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

点和线的控制

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

转载于:https://www.cnblogs.com/xianhuiwang/p/11579058.html