echarts 3d饼状图
时间: 2023-09-16 12:09:07 浏览: 139
ECharts 3D 饼状图是一种基于 ECharts 库制作的可视化图表,用于展示数据的分布情况。它在二维饼状图的基础上增加了第三个维度,即通过扇形的高度来展示额外的数据信息。
要创建一个 ECharts 3D 饼状图,你需要引入 ECharts 库,并按照其提供的 API 进行配置和数据处理。以下是一个简单的示例代码,展示了如何使用 ECharts 3D 饼状图:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts 3D 饼状图示例</title>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px; height: 400px;"></div>
<script type="text/javascript">
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('chart'));
// 配置图表选项和数据
var option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
data: ['数据1', '数据2', '数据3', '数据4', '数据5']
},
series: [
{
name: '数据',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
阅读全文