用Echarts绘制饼状图

在项目网站的网页中,有这样一幅图:

用Echarts绘制饼状图_第1张图片

心血来潮,想使用百度Echarts来绘制一下,可是没能绘制得完全一样,Echarts饼状图的label不能在图形下面放成一行,最后的效果是这样子的:

用Echarts绘制饼状图_第2张图片

鼠标移动到items上,可动态显示百分比:

用Echarts绘制饼状图_第3张图片

另外,还了解到了一种特殊的饼状图:南丁格尔图,就是用扇形半径的大小来表示百分比,对于相差比较大的items,看起来会有些不平衡;

最后,上代码:

1 
 2 
 3 
 4     
 5     饼状图练习
 6     
13     
14 
15 
16     
17 89 90

你可能感兴趣的:(用Echarts绘制饼状图)