echarts雷达图上同时显示名字与值，如何写代码

在ECharts的雷达图中，为了同时显示数据点的名字和对应的数值，你需要设置`name`属性并配合数据配置中的`value`一起使用。下面是一个基本的例子：

// 首先，引入ECharts库
import echarts from 'echarts';

// 假设你的数据是这样的，包含名称和数值
const data = [
  { name: 'A', value: [4, 5, 6, 7] },
  { name: 'B', value: [8, 9, 10, 11] },
  // 更多数据...
];

// 创建一个ECharts实例
const myChart = echarts.init(document.getElementById('radar-chart'));

// 配置雷达图选项
const option = {
  type: 'radar',
  radius: '55%',
  center: ['50%', '60%'], // 雷达图中心位置
  angleAxis: {
    type: 'category', // 角度轴类型
    data: ['指标1', '指标2', '指标3', '指标4'] // 刻度标签
  },
  series: [
    {
      name: '数据系列', // 系列名
      type: 'radar',
      data,
      // 设置每个数据点的颜色、大小等样式
      itemStyle: {
        normal: {
          color: 'rgba(255, 127, 14, .8)', // 示例颜色，根据需求调整
          lineWidth: 2
        }
      },
      // 将名称放在雷达图的圆环内
      label: {
        position: 'inner', // 内部放置
        formatter: function(params) {
          return params.name + '<br>' + params.value.map(v => v.toFixed(2)).join(', ');
        }
      }
    }
  ]
};

// 渲染图表
myChart.setOption(option);

在这个例子中，`formatter`函数用于自定义标签内容，它会返回名字加对应数值的组合。