jquery饼状图插件的指引线_jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】...

本文实例讲述了jQuery插件FusionCharts绘制的3D环饼图效果。分享给大家供大家参考，具体如下：

1、index.html页面：

/p>

"http://www.w3.org/TR/html4/loose.dtd">

FusionCharts Doughnut3D

$(function(){

var doughnut3D = new FusionCharts( "FusionCharts/Doughnut3D.swf", "doughnut2DId", "100%", "540", "0" );

doughnut3D.setXMLUrl("doughnut3D.xml");

doughnut3D.render("doughnut3DChart");

});

2、XML数据源

doughnut3D.xml：

baseFontColor='#00FF00' showLegend='1' legendPosition='BOTTOM' legendIconScale='0'

legendBorderColor='#0000FF' legendShadow='1' legendAllowDrag='1'>

3、运行效果图如下：

附：完整实例代码点击此处本站下载。

注：该源码需要放到服务器环境下运行！否则无法加载xml文件数据。

希望本文所述对大家jQuery程序设计有所帮助。