fusionCharts图表组件学习小例子

以前一直用jfreeChart 最近换了一个fusionChart组件感觉还行!其实也很简单! 这里闲话不说 let's go!

 

效果如下:

       fusionCharts图表组件学习小例子_第1张图片

具体jsp代码:

 

<html>
<head>
<title>FusionCharts Test</title>
<script language="JavaScript" src="JSClass/FusionCharts.js"></script>
</head>
<body>
<div id="chartdiv1" align="center">FusionCharts. </div>
   <script>
   var text_chart=" <chart palette='4' decimals='0' enableSmartLabels='1' isSmartLineSlanted='0.1' skipOverlapLabels='1' isSmartLineSlanted='0' baseFontSize='12' formatNumberScale='0' enableRotation='0' bgColor='99CCFF,FFFFFF' bgAlpha='40,100' bgRatio='0,100' numberSuffix='' bgAngle='360' showBorder='10' startingAngle='70' ><set label='高级技师人数' value='30' /><set label='技师人数' value='241' /><set label='高级工人人数' value='241' /><set label='其他' value='241' /></chart>";
   var chart = new FusionCharts("Charts/Pie3D.swf", "ChartId", "660", "300", "0", "0");
   chart.setDataXML(text_chart);     
   chart.render("chartdiv1");  
   </script>
</body>
</html>

FusionCharts.js 文件和Charts/Pie3D.swf 见附件:

当然了这个只是一个饼状图而已,很有很多各式各样的图标形式,关键是学习怎么用就ok了!

 

里面提供了37种swf文件。呵呵 说明有37中图标表现形式吧! 

具体的参数自己可以google一下!

 

【本人做的小例子也附上
fusionCharts图表组件学习小例子_第2张图片
 】

再次分别推荐适合初学者学习的连接:

http://wenku.baidu.com/view/6892a52f0066f5335a81214f.html

加入页面方法:

http://wenku.baidu.com/view/b9bef0868762caaedd33d432.html

参数说明:

http://wenku.baidu.com/view/587c3d1810a6f524ccbf8593.html

 

你可能感兴趣的:(JavaScript,html,jfreechart,Google,360)