在做项目中，我遇到这个问题：怎么利用Highcharts制作圆环图？而且这个圆环图是一个大圆里面有小圆的那种，在官网上可以找到饼图和没有间隙的圆环图，并不是要求的圆环图，这个该怎么办呢？于是，我在官网上查找Highcharts的API，终于找到了确定的属性，可以制作出来符合要求的圆环图，具体如下：
工具/原料
1
MyEclipse10
2
Tomcat7.0.x
3
JDK1.7
4
Highcharts-4.0.4
5
JSP
6
jquery
方法/步骤
1
第一，利用Highcharts制作图形，需要引入Highcharts的核心js，由于Highcharts中需要用到jquery，需要引入到以下两个js：
2
第二，保证初始化时图形就显示出来，将Highcharts中的js放到，用于初始化，$(function(){});中如下图所示：
3
第三，要使图形在页面上显示，需要图形的容器，设置图形容器的ID属性值，
如下图所示：4
第四步，启动服务器后，在浏览器地址输入地址后，可以看到展示图形效果，显示图形如下：
5
第五步，这个显示的是饼图，而项目需要的是圆环图，我在官网上有如下圆环图，大小圆没有间距，不符合项目实现
6
第六步，于是，我查找了Highcharts API中的各种属性，找到了innerSize，将这个属性设置为“50%”，innerSize:'50%'
7
第七步，刷新浏览器中的地址，重新看到圆环图，这种圆环图符合项目中的要求，如下图所示：
注意事项
1
熟悉Highcharts中的各种图形的制作方法
2
了解Highcharts中确定图形中的各种属性
上一篇：串珠发圈的制作方法
下一篇：教你做火爆肥肠，味道棒极了