echarts弦图 如何修改参数，直接使用

ECharts 的弦图是一种用于展示数据之间依赖关系的图表类型。要修改弦图的参数，首先需要创建一个 ECharts 对象，并配置相关的 series 和 option。下面是一个简单的例子，展示如何设置基本的弦图参数：

// 引入 echarts.js
import echarts from 'echarts';

// 创建一个 canvas 元素
const myChart = echarts.init(document.getElementById('main'));

// 定义数据
const data = {
  names: ['A', 'B', 'C', 'D', 'E'], // 层级名称
  values: [50, 70, 80, 60, 40], // 数据值
};

// 配置选项
const option = {
  tooltip: {}, // 提示框配置
  legend: { data: data.names }, // 图例配置
  xAxis: { categories: data.names }, // X轴类别配置
  yAxis: {}, // Y轴默认不显示，如果需要可以配置
  series: [
    {
      type: 'pie', // 弦图类型
      radius: '55%', // 半径大小
      center: ['50%', '60%'], // 中心位置
      data: data.values.map((value, index) => ({
        value: value,
        name: data.names[index],
        itemStyle: { color: '#fff' } // 环的颜色
      })),
      label: { show: false } // 关闭标签显示
    }
  ]
};

// 绘制图表
myChart.setOption(option);

你可以通过调整`option`对象中的各个属性来自定义弦图，如颜色、动画效果、标签样式等。例如，如果你想改变每个扇形的填充色，可以在`itemStyle.color`中指定对应的颜色数组。