3d饼图报错Cannot read properties of undefined (reading 'getProgressive')

Question

3d饼图引入import 'echarts-gl';的报错，该怎么解决

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题解决方案

报错信息 Cannot read properties of undefined (reading 'getProgressive') 表示 ECharts 3D 图表在初始化时无法获取 getProgressive 方法，导致报错。

解决方案：

1. 检查 ECharts 版本是否正确。ECharts 3D 图表需要 ECharts 5.0 及以上版本。
2. 检查是否正确引入 ECharts GL 模块。确保在引入 ECharts GL 模块前已经引入 ECharts 主模块。
3. 检查是否正确配置 3D 图表的 options。确保 options 中的 visualMap 和 series 配置正确。

示例代码：

import * as echarts from 'echarts';
import 'echarts-gl';

// 创建 3D 图表
const chart = echarts.init(document.getElementById('chart'));

// 设置 3D 图表 options
chart.setOption({
  visualMap: {
    type: 'piecewise',
    pieces: [
      { min: 0, max: 100, color: 'red' },
      { min: 100, max: 200, color: 'green' }
    ]
  },
  series: [
    {
      type: 'pie',
      radius: [30, 100],
      center: ['50%', '50%'],
      data: [
        { value: 100, name: 'A' },
        { value: 200, name: 'B' }
      ]
    }
  ]
});

如果以上解决方案仍然无法解决问题，请提供更多的代码和错误信息，我将尽力帮助您解决问题。