3d饼图(Vue3 + echarts + echarts-gl)
时间: 2023-10-04 22:11:17 浏览: 334
echarts 3D饼图组件
对于Vue3和echarts-gl,你可以使用echarts的3D饼图。首先,你需要安装echarts和echarts-gl库,然后在Vue中引入它们。接下来,你可以创建一个echarts实例,并使用相应的配置来绘制3D饼图。
下面是一个示例代码:
```javascript
<template>
<div id="chart-container"></div>
</template>
<script>
import * as echarts from 'echarts';
import 'echarts-gl';
export default {
mounted() {
const chart = echarts.init(document.getElementById('chart-container'));
const option = {
series: [
{
type: 'pie3D',
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' },
],
},
],
};
chart.setOption(option);
},
};
</script>
```
阅读全文