饼图是一种常用的数据可视化方式，可以直观地展示不同数据占比情况。在某些情况下，我们需要更加详细地展示其中一部分数据的结构，这时就可以使用饼图的一部分再做一个饼图。
一、选择饼图的一部分
首先需要选择需要更加详细展示的数据部分。可以根据具体的需求，选择占比较大，或者占比较小但是比较复杂的部分。
例如下面这个数据集展示了某个国家的人均消费情况：
var data = [
{name: '食品烟酒', value: 20},
{name: '衣着', value: 10},
{name: '居住', value: 30},
{name: '交通通信', value: 15},
{name: '教育文化娱乐', value: 10},
{name: '医疗保健', value: 15}
];
我们可以选择其中的“居住”这一部分作为需要详细展示的部分。
二、使用echarts进行饼图的绘制
接下来，我们可以使用echarts库进行饼图的绘制。首先需要引入echarts库：
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>
然后，我们可以通过如下代码绘制最开始的饼状图：
var myChart = echarts.init(document.getElementById('main'));
var option = {
series: [{
name: '消费占比',
type: 'pie',
radius: '60%',
data: data
}]
};
myChart.setOption(option);
结果如下所示：
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/286258.html
微信扫一扫 
支付宝扫一扫 