echarts-gl 立体3D 饼状图
时间: 2023-06-13 22:05:34 浏览: 169
ECharts-GL 是 ECharts 的扩展,支持在 ECharts 中使用 WebGL 渲染图表,可以创建立体3D饼状图。关于立体3D饼状图的实现,可以通过设置 `series` 的 `globe` 属性和 `pie3D` 属性来实现。以下是一个简单的示例:
```javascript
option = {
globe: {
baseTexture: 'path/to/texture.jpg',
heightTexture: 'path/to/height.jpg',
displacementScale: 0.2,
shading: 'lambert',
environment: 'path/to/envmap.jpg',
light: {
ambient: {
intensity: 0.4
},
main: {
intensity: 0.8
}
}
},
series: [{
type: 'pie3D',
data: [
{value: 335, name: 'Google'},
{value: 310, name: 'Facebook'},
{value: 234, name: 'Twitter'},
{value: 135, name: 'LinkedIn'},
{value: 1548, name: 'Baidu'}
]
}]
};
```
通过设置 `globe` 属性,可以实现地球的基础贴图、高度贴图、位移比例、光照等效果。通过设置 `pie3D` 属性,可以实现立体3D饼状图的展示。
阅读全文