首页echarts3d饼图

echarts3d饼图

时间: 2023-09-17 16:06:32 浏览: 65

Echarts3d 是 Echarts 团队开发的一个基于 WebGL 技术的 3D 可视化库，支持多种图表类型，包括饼图。下面是一个 echarts3d 饼图的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts3d 饼图示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts-en.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/echarts-gl/1.2.1/echarts-gl.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/extension/dataTool.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var data = [ {value: 335, name: '直接访问'}, {value: 310, name: '邮件营销'}, {value: 234, name: '联盟广告'}, {value: 135, name: '视频广告'}, {value: 1548, name: '搜索引擎'} ]; option = { series: { type: 'pie3D', data: data } }; myChart.setOption(option); </script> </body> </html> ``` 在这个示例中，我们通过 Echarts3d 的 `pie3D` 类型来创建了一个饼图，数据和 Echarts 二维饼图的格式是一样的，只需要将 type 改为 `pie3D` 即可。同时我们引入了 echarts-gl.min.js，这个文件是 echarts3d 的核心文件，必须引入才能使用 echarts3d 的功能。

阅读全文