fusionCharts图表组件学习小例证 _Web前端

fusionCharts图表组件学习小例子

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

效果如下：

??????

具体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一下！

【本人做的小例子也附上

?】

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

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

加入页面方法：

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

参数说明：

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

1 楼 copier8 2012-07-11

不错！