FusionChart图表控件使用说明

 

图片控件，http://www.fusioncharts.com/

一.<graph>的属性说明：

1.caption:图表的大标题，subCaption图表的子标题

2.decimalPrecision:数字显示的精度

3.showNames:是否显示元素的名字（似乎只用饼图支持这个），0不显示，1显示，例如：<set name="Factory" value="1"/>,如果为1则显示Factory,否则不显示;

showValues:是否显示元素的值，和上面的类似

4.rotateNames:表示元素的名字否纵向显示（似乎饼图没有这属性）

5.xAxisName:x轴的名称；yAxisName:y轴的名称,yAxisMaxValue:y轴的最大值；yAxisMinValue:y轴的最小值

6.//Update it's XML，更新图表数据
   updateChartXML("图表ID",strXML);

7.showPercentageInLabel：是否显示百分比，1显示，0不显示

8.formatNumberScale:0不格式化，1格式化，超过1000的用k表示，例：1200会被格式化成1.2k

9.pieSliceDepth:饼图的厚度

10.chartRightMargin：图标距右边的距离

11.numberPrefix：数字显示的前缀，例：numberPrefix='$'。

12.anchorRadius:瞄点的半径；anchorSides:瞄点的类型，3表示显示三角形，4表示四边形；anchorBorderColor：边框颜色

13.parentYAxis='S' ：曲线的形状，表示S形状

14.numDivLines：数字显示的层次

15.SYAxisName:Y轴的右边显示

 

二、元素的属性

1.link,表示元素的单击事件属性，例如：<set name="Factory" value="1" link='javascript:alert(\"HelloC\");'/>

2.color:显示的颜色（似乎只能用十六进制的元素编码：9900ff）

 

三、FusionCharts的创建

1.通过js创建：

 //创建  

      function CreateFusionChart(){
        var chart_FactorySum = new FusionCharts("../FusionCharts/FCF_Pie3D.swf", "FactorySum1", "650", "300", "0", "1");
chart_FactorySum.setDataXML("<graph caption='Factory Output report' subCaption='By Quantity' decimalPrecision='3' showNames='1' numberSuffix=' Units'  rotateNames='1' pieSliceDepth='20' formatNumberScale='0' ><set name='Factory 1' value='644' link='javascript:updateChart(1)'/><set name='Factory 2' value='2644' link='javascript:updateChart(2)'/><set name='Factory 3' value='1252' link='javascript:updateChart(3)'/></graph>");
chart_FactorySum.render("FactorySumDiv1");
        }

2.通过C#后台创建：

string str=FusionCharts.RenderChart("/FusionCharts/"+swfName, "",Server.UrlEncode(InitXMLData(ds)), "productSales1", "600", "450", false, false);

把返回的字符输出到客户端中（其实返回的字符串就是一个javascript的脚本）
 3.更新图表数据：updateChartXML("上面创建的图表ID",strXML);