echarts饼图显示
时间: 2023-11-07 08:01:28 浏览: 81
生成echarts饼图需要使用相关的JavaScript代码。可以使用以下代码来生成饼图:
```javascript
pieCharts(id, data) {
let chartDom = document.getElementById(id);
let myChart = echarts.init(chartDom);
let option = {
tooltip: {
trigger: 'item'
},
series: [
{
name: '数量',
type: 'pie',
radius: '50%',
label: {
normal: {
show: true,
formatter: '{b}: {c}({d}%)'
}
},
data,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
option && myChart.setOption(option, true);
}
```
上述代码中,`id`参数为图表容器的ID,`data`参数为饼图的数据。可以根据实际需求修改代码中的参数来自定义饼图的样式和功能。
阅读全文