echarts-gl 3d饼图加边框

您可以使用 ECharts-GL 中的 `Custom` 组件来实现 3D 饼图加边框的效果。

首先，您需要引入 ECharts-GL 库和相关的插件：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.0/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-gl@1.2.1/dist/echarts-gl.min.js"></script>

然后，创建一个具有 3D 效果的饼图，并设置相关的配置项：

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
  GL: {},
  series: [{
    type: 'pie3D',
    data: [
      { value: 335, name: 'Apple', itemStyle: { borderWidth: 2, borderColor: '#000' } },
      { value: 310, name: 'Banana', itemStyle: { borderWidth: 2, borderColor: '#000' } },
      { value: 234, name: 'Orange', itemStyle: { borderWidth: 2, borderColor: '#000' } },
      { value: 135, name: 'Grape', itemStyle: { borderWidth: 2, borderColor: '#000' } },
      { value: 1548, name: 'Watermelon', itemStyle: { borderWidth: 2, borderColor: '#000' } }
    ]
  }]
};

// 使用配置项显示图表
myChart.setOption(option);

在上述代码中，每个数据项的 `itemStyle` 属性设置了边框的宽度和颜色，通过调整这些值可以实现不同的边框效果。

最后，将图表显示在页面上的某个容器中：

<div id="chart" style="width: 600px; height: 400px;"></div>

这样，您就可以实现 3D 饼图加边框的效果了。记得根据实际需求调整配置项和样式。