本文转载自微信公众号《大数据DT》，作者王大伟。转载本文请联系大数据DT公众号。我们先做一个基本的饼图，将Echarts中series的type参数值设置为pie，如图4-14所示。代码如下：option={title:{text:'各商品销售比例',subtext:'商场情况分析',left:'center'},tooltip:{trigger:'item',formatter:'{a}
{b}:{c}({d}%)'},legend:{orient:'vertical',left:'left',data:['A产品','B产品','C品','D品','E品']},series:[{name:'Productsold',type:'pie',data:[{value:343,name:'Aproduct'},{value:250,name:'产品B'},{value:509,name:'产品C'},{value:108,name:'产品D'},{value:948,name:'产品E'}],}]};▲图4-14饼图上述代码中，图例设置为垂直，以避免水平显示后与标题重叠。这里设置tooltip的显示格式为：formatter:'{a}{b}:{c}({d}%)'，饼图中各个参数的具体含义为：{a}（系列名称），{b}（数据项名称），{c}（值），{d}（百分比）。当鼠标悬停在饼图上时，饼图会高亮显示，文本和值会以格式化程序格式显示。需要注意的是，当我们点击饼图的图例时，比如当我们点击产品C的图例时，产品C的图例会变成灰色，同时产品C的饼图将不再显示在饼图中，并重新计算百分比，如图4-15所示。▲图4-15饼图显示控件除了基本的饼图，我们还经常用到环形图。在ECharts中，可以通过在series中添加radius参数来绘制环形图，例如下面代码中的radius:['50%','70%']，表示内半径和外半径的比值圆环半径为50%、70%。option={title:{text:'各商品销量占比',subtext:'商场情况分析',left:'center'},tooltip:{trigger:'item',formatter:'{a}br/>{b}:{c}({d}%)'},legend:{orient:'vertical',left:'left',data:['A商品','B商品','C商品','DCommodity','ECommodity']},series:[{name:'Productssold',type:'pie',radius:['50%','70%'],data:[{value:343,name:'A产品'},{value:250,name:'B产品'},{value:509,name:'C产品'},{value:108,name:'D产品'},{value:948,name:'E产品'}],}]};环形图的可视化结果如图4-16所示。▲图4-16环形图作者简介：王大伟，华东理工大学硕士毕业，目前就职于平安金融壹账通，从事数据挖掘算法工作，擅长ECharts、Python、自然语言处理、数据分析与挖掘、机器学习。获得微软最有价值专家（MVP）荣誉称号。本文节选自《ECharts数据可视化：入门、实战与进阶》，经发布者授权发布。
