echarts 圆饼折线图刻度分隔线不等间距代码演示

当使用 ECharts 绘制圆饼折线图时，可以通过设置刻度分隔线的不等间距来实现。以下是一个简单的代码演示：

// 引入 ECharts
import echarts from 'echarts';

// 初始化图表实例
const chart = echarts.init(document.getElementById('chart-container'));

// 配置数据
const data = [
  { name: '数据1', value: 30 },
  { name: '数据2', value: 50 },
  { name: '数据3', value: 70 },
  { name: '数据4', value: 90 },
  { name: '数据5', value: 110 },
];

// 配置选项
const option = {
  series: [
    {
      type: 'pie',
      radius: ['50%', '70%'],
      label: {
        show: false,
      },
      itemStyle: {
        borderColor: '#fff',
        borderWidth: 2,
      },
      data: data,
      roseType: 'radius',
      labelLine: {
        show: false,
      },
      emphasis: {
        label: {
          show: true,
        },
      },
    },
  ],
};

// 设置刻度分隔线不等间距
const scale = echarts.dataTool.gexAxisScale(data, {
  splitNumber: 5, // 刻度线数量
});
option.series[0].radius = scale;

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

在上面的代码中，我们通过 `echarts.dataTool.gexAxisScale()` 方法来计算刻度分隔线的不等间距。首先，我们根据数据计算出刻度线的范围（`splitNumber` 参数表示刻度线数量），然后将计算得到的刻度范围赋值给 `option.series.radius` 属性。最后，调用 `chart.setOption(option)` 方法来渲染图表。

请注意，上述代码仅为示例，具体的配置和数据根据实际情况进行调整。