vue + Echart 实现可视化（二）雷达图

雷达图

<template>
  <div class="card-chart-radar">
    <chart :options="option" ref="leaderEduBar" autoresize />
    <p class="chart-empty" v-if="!chartData">本单位暂时没有开启能力模型</p>
  </div>
</template>

配置

      option: {
   
        grid: {
   
          position: "center"
        },
        tooltip: {
   
          //雷达图的tooltip不会超出div，也可以设置position属性，position定位的tooltip 不会随着鼠标移动而位置变化，不友好
          confine: true,
          enterable: true //鼠标是否可以移动到tooltip区域内
        },
        legend: {
   
          x: "right",
          y: "24px",