Wed Sep 14 13:15:33 CST 2011
| 浏览(23707) |
FusionCharts 3.2 使用：
&&今天（）有时间重新整理一下FusionCharts 3.2 使用，主要是排版简便和操作方便。
&以前用的是最老版的，不支持导出图片，不支持json数据，
&&个人暂时发现新的版本几个好处:&1、支持导出图片 2、json数据格式的支持。
&&下面说下，新版本的用法吧（现在已经不是最新的了最新版本：3.3.1，不过应该通用），留个备份：
&新版本在线预览地址：&
==========================静态页面版本==========================
使用这个版本很简单：
1、从官网下载例子：下载地址：，现在最想的已经是3.3.1版本。
& & 但是下载的版本里面显示的flash是有fusionchart的logo的，我想很多朋友主要是想要这个破解的文件，
& & 很简单，请操作第二步。
2、swf下载：，这个由于以前的csdn账号的资源区现在无法改成0分了，所以如果没有csnd账号的朋友，可以直接发邮件给我，我会直接把破解的swf发给你，邮箱地址：，收到邮件有我会第一时间回复。
==========================服务器使用版本==========================
&从官网下载js文件和swf，地址：
&存放到项目对应位置：
&页面编写：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&fusionchartV3 测试&/title&
&script type="text/javascript" src="${ctx}/scripts/fusioncharts/FusionCharts.js"&&/script&
&h3&fusionchartV3 测试&/h3&
&div id="chartdiv" align="center"& &/div&
&script type="text/javascript"&
var chart = new FusionCharts("${ctx}/scripts/fusioncharts/swf/MSColumn3D.swf", "ChartId", "560", "400", "0", "0");
chart.setDataUrlParams("id", "61122");
chart.setDataURL("${ctx}/fusioncharts/Index.do?method=MSColumn3DSale");
chart.render("chartdiv");
&script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"&&/script&
&script type="text/javascript"&//&![CDATA[
//]]&&/script&
后台代码：【部分代码有省略】我这里是用freemarker模块生成xml，实现，部分代码截图：
注意：1、自己写了个方法【setDataUrlParams】，可以往里面传参数&
&& 2、这个当调试的时候，发现每次都会调用2次ajax到后台取数据，研究FusionCharts.debug.js后发现，在1681行的问题，注释后ok！如图：
3、自己改写的js,点击下载：&
（链接：密码：ppn0）
&xml文件：我这里是部分写活的：这里已经配置了导出图片的参数： exportEnabled="1"，具体的说明：
& & &&&&里面的 /docs/ECXML.html
推荐用：exportAtClient="0" 客户端导出&这个模式，速度快，& exportHandler="${((ctx)!' ')?html}/FCExporter.do"，
exportHandler是后台导出的方法链接，我的实现
1、servlet里面配置 ： &
&servlet-name&FCExporter&/servlet-name&
&servlet-class&com.fusioncharts.exporter.servlet.FCExporter&/servlet-class&
&/servlet&
&servlet-mapping&
&servlet-name&FCExporter&/servlet-name&
&url-pattern&/FCExporter.do&/url-pattern&
&/servlet-mapping&
2、引入fcexporter.jar和fcexporthandler.jar（下载包中有）,在用的过程中发现自带的jar包虽然图片可以导出，但是部分代码
报错，所以我有重新改写了下代码，打成了一个jar包fusioncharts.jar，点击下载：
链接： 密码：88kh
&?xml version="1.0" encoding="GBK"?&
&chart exportFileName="${((exportFileName)!' ')?html}" exportEnabled="1" exportAction="download" exportAtClient="0" exportHandler="${((ctx)!' ')?html}/FCExporter.do" caption="Country Comparison" showLabels="1" showvalues="0" decimals="0" numberPrefix="$"&
&categories&
&category label="Austria" /&
&category label="Brazil" /&
&category label="France" /&
&category label="Germany" /&
&category label="USA" /&
&/categories&
&dataset seriesName="1996" color="AFD8F8" showValues="0"&
&set value="${((id)!' ')?html}" /&
&set value="20148.82" /&
&set value="17372.76" /&
&set value="35407.15" /&
&set value="38105.68" /&
&/dataset&
&dataset seriesName="1997" color="F6BD0F" showValues="0"&
&set value="57401.85" /&
&set value="41941.19" /&
&set value="45263.37" /&
&set value="" /&
&set value="" /&
&/dataset&
&dataset seriesName="1998" color="8BBA00" showValues="0"&
&set value="45000.65" /&
&set value="44835.76" /&
&set value="18722.18" /&
&set value="77557.31" /&
&set value="92633.68" /&
&/dataset&
启动服务器，输入地址：如图
下载破解版的swf，这样生成的flash里面就没有了fusionChart的logo了
下载地址：
如果没有csdn分，可以发邮件给我，我会直接通过邮件发给你，邮箱
好消息,现在提供在线下载地址：
&（链接： 密码：bqcp）
如果觉得不错记得分享下！~
除非注明，
&文章均为原创，转载请以链接形式标明本文地址
本文地址：FusionChartsV3
Area2D.swf
Bubble.swf
Column2D.swf
Column3D.swf
Doughnut2D.swf
Doughnut3D.swf
MSArea.swf
MSBar2D.swf
MSBar3D.swf
MSColumn2D.swf
MSColumn3D.swf
MSColumn3DLineDY.swf
MSColumnLine3D.swf
MSCombi2D.swf
MSCombiDY2D.swf
MSLine.swf
MSStackedColumn2D.swf
MSStackedColumn2DLineDY.swf
Scatter.swf
ScrollArea2D.swf
ScrollColumn2D.swf
ScrollCombi2D.swf
ScrollCombiDY2D.swf
ScrollLine2D.swf
ScrollStackedColumn2D.swf
SSGrid.swf
StackedArea2D.swf
StackedBar2D.swf
StackedBar3D.swf
StackedColumn2D.swf
StackedColumn3D.swf
StackedColumn3DLineDY.swf
ArrayExample
Combination.asp
MultiSeries.asp
SingleSeries.asp
Stacked.asp
BasicExample
BasicChart.asp
BasicDataXML.asp
dataXML.asp
MultiChart.asp
SimpleChart.asp
FactoryDB.mdb
MS_SQL_Script.sql
MySQL_Script.sql
BasicDBExample.asp
Default.asp
Detailed.asp
DB_dataURL
Default.asp
PieData.asp
Default.asp
DB_JS_dataURL
Default.asp
FactoryData.asp
Default.asp
DBConn.asp
FusionCharts.asp
NoChart.html
FactoryDB.ldb
FactoryDB.mdb
MS_SQL_Script.sql
ArrayExample
Combination.aspx
MultiSeries.aspx
SingleSeries.aspx
Stacked.aspx
BasicExample
BasicChart.aspx
BasicDataXML.aspx
dataXML.aspx
MultiChart.aspx
SimpleChart.aspx
FusionCharts.dll
BasicDBExample.aspx
DB_dataURL
Default.aspx
PieData.aspx
DB_DrillDown
Default.aspx
Detailed.aspx
Default.aspx
DB_JS_dataURL
Default.aspx
FactoryData.aspx
Default.aspx
FusionCharts
Column2D.swf
Column3D.swf
FusionCharts.js
MSColumn3D.swf
MSColumn3DLineDY.swf
StackedColumn3D.swf
MasterPage_Example
FusionCharts.dll
FusionCharts
Column3D.swf
FusionCharts.js
MasterPage
MasterPage.master
Default.aspx
MasterPage.master
UpdatePanel
loading.gif
Sample1.aspx
Sample2.aspx
Default.aspx
NoChart.html
Web.config
ArrayExample
Combination.cfm
MultiSeries.cfm
SingleSeries.cfm
Stacked.cfm
BasicExample
BasicChart.cfm
BasicDataXML.cfm
dataXML.cfm
MultiChart.cfm
SimpleChart.cfm
FactoryDB.mdb
MS_SQL_Script.sql
BasicDBExample.cfm
Default.cfm
Detailed.cfm
DB_dataURL
Default.cfm
PieData.cfm
Default.cfm
DB_JS_dataURL
Default.cfm
FactoryData.cfm
Default.cfm
FusionCharts.cfm
NoChart.html
DebugWindow.html
DebugWindowJS.html
ErrorXML.html
ErrorXML.xml
NoDataSpecifiedError.html
WrongStyle.html
WrongStyle.xml
DemoLinkPages
DemoLink1.html
DemoLink2.html
DemoLink3.html
DemoLink4.html
DemoLink5.html
DemoLink6.html
FramePages
FrameChart.html
LowerFrame.html
ChartHotSpot.html
ChartHotSpot.xml
FrameData.xml
FrameExample.html
JSExample.html
JSExample.xml
NewWinData.xml
NewWindow.html
PopUpData.xml
PopUpExample.html
SimpleExample.html
FlashExamples
ClickHandler.fla
ClickHandler.swf
FormExample.fla
FormExample.swf
MultipleCharts.fla
MultipleCharts.swf
MyFirstChart.fla
MyFirstChart.swf
RotatedText.fla
RotatedText.swf
FusionCharts
Column2D.swf
Column3D.swf
FusionCharts.js
MSColumn3D.swf
SSGrid.swf
GridWithChart.html
ParameterGrid.html
SimpleGrid.html
JavaScript
BasicExample.html
ChangeDataURL.html
ChangeDataXML.html
NewData.xml
ClientSideData
Chart.html
ArrayExample
Combination.jsp
MultiSeries.jsp
SingleSeries.jsp
Stacked.jsp
BasicExample
BasicChart.jsp
BasicChartUsingFusionChartsClass.jsp
BasicDataXML.jsp
dataXML.jsp
MultiChart.jsp
SimpleChart.jsp
infosoftglobal
fusioncharts
FactoryDB.mdb
FactoryDBCreation.sql
BasicDBExample.jsp
BasicDBExampleUsingConnectionClass.jsp
Default.jsp
Detailed.jsp
DB_dataURL
Default.jsp
PieData.jsp
Default.jsp
DB_JS_dataURL
Default.jsp
FactoryData.jsp
Default.jsp
DBConn.jsp
FusionCharts.jsp
infosoftglobal
fusioncharts
Constants.html
DBConnection.html
FusionChartsCreator.html
InitServlet.html
Constants.html
DBConnection.html
FusionChartsCreator.html
InitServlet.html
package-frame.html
package-summary.html
package-tree.html
package-use.html
index-files
index-1.html
index-2.html
index-3.html
index-4.html
index-5.html
index-6.html
index-7.html
index-8.html
index-9.html
inherit.gif
allclasses-frame.html
allclasses-noframe.html
constant-values.html
deprecated-list.html
help-doc.html
index.html
overview-tree.html
package-list
packages.html
serialized-form.html
stylesheet.css
NoChart.html
ReadMe.txt
MyFirstChart
Chart.html
ChartDataXML.html
ChartJS.html
ChartJSDataXML.html
PieChart.html
ArrayExample
BasicExample
MS_SQL_Script.sql
DB_dataURL
DB_JS_dataURL
NoChart.html
controllers
application.rb
array_example_controller.rb
asd_controller.rb
basic_example_controller.rb
dbexample_controller.rb
dbexample_controller1.rb
dbjs_data_url_controller.rb
db_data_url_controller.rb
db_js_controller.rb
fc_controller.rb
form_based_controller.rb
index_controller.rb
salesbyemployee_controller.rb
top_controller.rb
application_helper.rb
dbexample_helper.rb
dbjs_data_url_helper.rb
db_data_url_helper.rb
db_js_helper.rb
index_helper.rb
factorymaster.rb
factoryoutput.rb
array_example
combination.rhtml
multiseries.rhtml
singleseries.rhtml
stacked.rhtml
basic_example
basicchart.rhtml
basicdataxml.rhtml
dataxml.rhtml
multichart.rhtml
simplechart.rhtml
basicdbexample.rhtml
default.rhtml
detailed.rhtml
dbjs_data_url
default.rhtml
db_data_url
default.rhtml
index.rhtml
form_based
chart.rhtml
default.rhtml
index.rhtml
index.rhtml
index1.rhtml
environments
development.rb
production.rb
database.yml
environment.rb
001_create_factorymasters.rb
002_create_factoryoutputs.rb
README_FOR_APP
FusionCharts
Column2D.swf
Column3D.swf
FusionCharts.js
MSColumn3D.swf
SSGrid.swf
IGPLogo.jpg
PageBg.jpg
TopRightText.gif
javascripts
application.js
controls.js
dragdrop.js
effects.js
prototype.js
stylesheets
dispatch.cgi
dispatch.fcgi
dispatch.rb
favicon.ico
NoChart.html
robots.txt
performance
benchmarker
breakpointer
factorymasters.yml
factoryoutputs.yml
functional
dbexample_controller_test.rb
dbjs_data_url_controller_test.rb
db_data_url_controller_test.rb
db_js_controller_test.rb
index_controller_test.rb
factorymaster_test.rb
factoryoutput_test.rb
test_helper.rb
ruby_sess.0de22
ruby_sess.2cf94
ruby_sess.4fcb64c07e4ca192
ruby_sess.86a19f42a9378058
ruby_sess.8f850d857a50caf0
ruby_sess.f0c8a
FactoryDB.mdb
MS_SQL_Script.sql
ArrayExample
Combination.aspx
MultiSeries.aspx
SingleSeries.aspx
Stacked.aspx
BasicExample
BasicChart.aspx
BasicDataXML.aspx
dataXML.aspx
MultiChart.aspx
SimpleChart.aspx
FusionCharts.dll
BasicDBExample.aspx
DB_dataURL
Default.aspx
PieData.aspx
DB_DrillDown
Default.aspx
Detailed.aspx
Default.aspx
DB_JS_dataURL
Default.aspx
FactoryData.aspx
Default.aspx
FusionCharts
Column2D.swf
Column3D.swf
FusionCharts.js
MSColumn3D.swf
MSColumn3DLineDY.swf
StackedColumn3D.swf
Masterpage_Example
FusionCharts.dll
FusionCharts
Column3D.swf
FusionCharts.js
Default.aspx
MasterPage.master
web.config
BasicSamples_FCv3ASP.NET2VB.suo
Default.aspx
NoChart.html
web.config
anchors1.jpg
anchors2.jpg
anchors3.jpg
anchors4.jpg
Canvas_1.jpg
Canvas_2.jpg
Canvas_3.jpg
Canvas_4.jpg
chart_limits.jpg
col2d_plotgradient2.jpg
col2d_plotgradient3.jpg
Col_RoundEdge.jpg
data_values10.jpg
data_values2.jpg
data_values3.jpg
data_values4.jpg
data_values5.jpg
data_values6.jpg
data_values7.jpg
data_values8.jpg
data_values9.jpg
divlines1.jpg
divlines2.jpg
divlines3.jpg
divlines4.jpg
divlines5.jpg
divlines6.jpg
font_prop1.jpg
Labels_Specific.jpg
Labels_Styles.jpg
Labels_Styles_Bg.jpg
Labels_Styles_Glow.jpg
Labels_Styles_Shadow.jpg
legend1.jpg
legend2.jpg
padding1.jpg
padding2.jpg
padding3.jpg
padding4.jpg
padding5.jpg
padding6.jpg
padding7.jpg
padding8.jpg
pie_labels1.jpg
plotborder1.jpg
plotborder2.jpg
Titles_7.jpg
Titles_8.jpg
Title_1.jpg
Title_2.jpg
Title_3.jpg
Title_4.jpg
Title_5.jpg
Title_6.jpg
tooltip1.jpg
tooltip2.jpg
tooltip3.jpg
tooltip4.jpg
tooltip7.jpg
TransChart.jpg
trendlines1.jpg
trendlines2.jpg
vdivline1.jpg
vdivline2.jpg
vdivline4.jpg
vline1.jpg
yaxisvalues1.jpg
yaxisvalues2.jpg
zerop1.jpg
zerop2.jpg
zerop3.jpg
Anchors.html
Background.html
Canvas.html
ChartLimits.html
DataLabels.html
DataPlot.html
DataValues.html
DivLines.html
FontProperties.html
Legend.html
Padding.html
SmartLabels.html
Template.html
Titles.html
ToolTip.html
Trend.html
VDivLines.html
VLines.html
ZeroPlane.html
Area_2D.jpg
Bar_2D.jpg
Bubble.jpg
Bullet.gif
Col3DLine.jpg
Col_2D.jpg
Col_3D.jpg
Combi_2D.jpg
Combi_DY_AP_CS.jpg
Combi_DY_AP_LS.jpg
Combi_DY_CP_AS.jpg
Combi_DY_CP_CS.jpg
Combi_DY_CP_LS.jpg
Combi_DY_LP_LS.jpg
Donut_2D.jpg
Donut_3D.jpg
Line_2D.jpg
MSArea.gif
MSBar3D.jpg
MSCol3DLineDY.jpg
MSStCol2D.jpg
MS_Area2D.jpg
MS_Bar2D.jpg
MS_Col2D.jpg
MS_Col3D.jpg
MS_Line.jpg
Pie_2D.jpg
Pie_3D.jpg
Scatter.jpg
ScrollArea2D.jpg
ScrollColumn2D.jpg
ScrollCombi2D.jpg
ScrollCombiDY2D.jpg
ScrollLine2D.jpg
ScrollStackedCol2D.jpg
StackedBar3D.jpg
Stacked_Area.jpg
Stacked_Bar.jpg
Stacked_Col2D.jpg
Stacked_Col3D.jpg
StCol2DLineDY.jpg
StCol3DLine.jpg
Area2D.html
Bar2D.html
Bubble.html
ChartStyle.css
Col3DLine.html
Column2D.html
Column3D.html
Combi2D.html
Combi2DDY.html
Doughnut2D.html
Doughnut3D.html
Line2D.html
MSArea2D.html
MSBar2D.html
MSBar3D.htm
MSCol3DLineDY.html
MSColumn2D.html
MSColumn3D.html
MSLine.html
MSStCol.html
MSStColLineDY.html
Pie2D.html
Pie3D.html
Scatter.html
ScrollArea2D.html
ScrollColumn2D.html
ScrollCombi2D.html
ScrollCombiDY2D.html
ScrollLine2D.html
ScrollStackedCol2D.html
StackedBar3D.htm
StArea2D.html
StBar2D.html
StCol2D.html
StCol3D.html
StCol3DLineDY.html
DebugWindow.jpg
ErrorXML.jpg
NoData.jpg
StyleError.jpg
Basic.html
Window.html
Frames.jpg
JavaScript.jpg
ClickURL.html
Frames.html
JavaScript.html
PopUps.html
Simple.html
FeatureTours
XMLMethods.html
New_HeaderLeft.jpg.mno
AmpChar.jpg
AposChar.jpg
AppMessage.gif
BtnViewXML.gif
Bullet.gif
CentChar.jpg
ClickToActivate.jpg
Code_Activate.jpg
Code_ArrayMS.jpg
Code_ArraySS.jpg
Code_BasicChart.jpg
Code_DB.gif
Code_DBOut.jpg
Code_Drill.jpg
Code_Form.gif
Code_FormChart.jpg
Code_JSEx.jpg
Code_JS_URL_Fin.jpg
Code_JS_URL_Ini.jpg
Code_JS_XML_Fin.jpg
Code_JS_XML_Ini.jpg
CSVB_MP2.jpg
CS_MP1.jpg
CS_UP1.jpg
CS_UP1a.jpg
CS_UP2.jpg
CS_UP2a.jpg
dataURLMethod.jpg
dataXMLMethod.jpg
DiscChart.jpg
DiscChart2.jpg
DiscChart3.jpg
DiscChart4.jpg
EuroChar.jpg
FirstChart.jpg
Flash_Click.jpg
Flash_frm_fin.jpg
Flash_frm_full.jpg
Flash_Frm_Ini.jpg
Flash_frm_st.jpg
Flash_ML_Out.jpg
Flash_ML_Ov.jpg
Flash_O_GE.jpg
Flash_O_Out.jpg
Flash_rot_out.jpg
Flash_Rot_Prb.jpg
Flash_Rot_txt.jpg
FrancChar.jpg
Gradient.jpg
Grid_Chart.jpg
Grid_Col.jpg
Grid_Param.jpg
Grid_Pie.jpg
Grid_Single.gif
GUI_Access_1.gif
GUI_Access_2.gif
GUI_Access_3.jpg
GUI_Access_4.gif
GUI_Access_5.gif
GUI_Access_6.jpg
GUI_CSV_1.jpg
GUI_Excel_1.gif
GUI_Excel_10.gif
GUI_Excel_11.gif
GUI_Excel_12.jpg
GUI_Excel_2.gif
GUI_Excel_3.gif
GUI_Excel_4.jpg
GUI_Excel_5.jpg
GUI_Excel_6.jpg
GUI_Excel_7.gif
GUI_Excel_8.gif
GUI_Excel_9.gif
GUI_FC_1.gif
GUI_FC_2.jpg
GUI_FC_3.jpg
GUI_FC_4.jpg
GUI_FC_5.jpg
GUI_FC_6.jpg
GUI_FC_7.jpg
GUI_MS_1.jpg
GUI_MS_2.gif
GUI_MS_Chart.jpg
GUI_Ov_1.jpg
GUI_Ov_2.jpg
GUI_Ov_3.jpg
GUI_Ov_4.jpg
GUI_Ov_5.jpg
GUI_Pie_1.gif
GUI_Pie_2.gif
GUI_Table_1.gif
GUI_Table_2.gif
GUI_Table_3.jpg
GUI_Table_4.jpg
GUI_Word_1.gif
GUI_Word_2.gif
HeaderBg.jpg
HeaderLeft.jpg
HeaderRight.jpg
Hlt_Anchor.jpg
Hlt_Color.jpg
Hlt_Dashed1.jpg
Hlt_Dashed2.jpg
Hl_Alpha.jpg
JSURLMethod.jpg
JSXMLMethod.jpg
LabelHTML.jpg
Number_1.jpg
Number_10.jpg
Number_11.jpg
Number_12.jpg
Number_13.jpg
Number_2.jpg
Number_3.jpg
Number_4.jpg
Number_5.jpg
Number_6.jpg
Number_7.jpg
Number_8.jpg
Number_9.jpg
Number_Input1.jpg
Number_Input2.jpg
PercentChar.jpg
Percent_1.jpg
Percent_2.jpg
PieChart.jpg
PoundChar.jpg
PPMulti1.gif
SAI_Progress.jpg
SAI_SaveAsImage.jpg
Scale_1.jpg
Scale_2.jpg
SpChar_1.jpg
ToolTipMultiple.jpg
VB_MP1.JPG
VB_MP2.jpg
xAxis_Rotate.jpg
xAxis_Slant.jpg
xAxis_Stagger.jpg
xAxis_StaggerLines.jpg
xAxis_Step.jpg
xAxis_ToolTip.jpg
xAxis_Wrap.jpg
YenChar.jpg
style_1.gif
style_10.jpg
style_11.jpg
style_12.jpg
style_13.jpg
style_14.jpg
style_15.jpg
style_16.jpg
style_2.jpg
style_3.jpg
style_4.jpg
style_5.jpg
style_6.jpg
style_7.jpg
style_8.jpg
style_9.jpg
Animation.html
Application.html
Bevel.html
HowToUse.html
Shadow.html
Styles.html
presentation.swf
TreeImages
document1.gif
folder.gif
folder2.gif
folderopen.gif
imgfolder.gif
joinbottom.gif
minusbottom.gif
musicfolder.gif
nolines_minus.gif
nolines_plus.gif
plusbottom.gif
question.gif
setup1.gif
trouble.gif
ASP_Array.html
ASP_BasicExample.html
ASP_DB.html
ASP_Drill.html
ASP_Form.html
ASP_JS_URL.html
ASP_JS_XML.html
BgSWF.html
CFM_Array.html
CFM_BasicExample.html
CFM_DB.html
CFM_Drill.html
CFM_Form.html
CFM_JS_URL.html
CFM_JS_XML.html
ChangeChart.html
ChartList.html
ChartMessages.html
CombiXML.html
CS_Array.html
CS_BasicExample.html
CS_DB.html
CS_Drill.html
CS_Form.html
CS_JS_URL.html
CS_JS_XML.html
CS_MasterPages.html
CS_UpdatePanel.html
DataURL.html
DataXML.html
DataXMLExp.html
DiscData.html
DownloadC.html
FirstChart.html
Flash_Advanced.html
Flash_Click.html
Flash_FAQ.html
Flash_Multiple.html
Flash_Overview.html
Flash_Rotated.html
Gradients.html
Grid_Overview.html
Grid_Parameters.html
Grid_Usage.html
GUI_Access.html
GUI_CSV.html
GUI_Excel.html
GUI_FirstChart.html
GUI_Intro.html
GUI_MSChart.html
GUI_PieChart.html
GUI_Web.html
GUI_Word.html
HeaderPage.html
Highlight.html
HowFCWorks.html
Installation.html
JSDataURL.html
JSDataXML.html
JSEmbed.html
JSP_Array.html
JSP_BasicExample.html
JSP_DB.html
JSP_Drill.html
JSP_Form.html
JSP_JS_URL.html
JSP_JS_XML.html
JS_Example.html
JS_Overview.html
JS_setDataURL.html
JS_setDataXML.html
Licensing.html
Links.html
MultiSeries.html
Number_Basics.html
Number_Input.html
Number_Scaling.html
Overview.html
PercentResize.html
PHP_Array.html
PHP_BasicExample.html
PHP_DB.html
PHP_Drill.html
PHP_Form.html
PHP_JS_URL.html
PHP_JS_XML.html
PP_Multi.html
PP_Prepare.html
PP_Use.html
Ruby_array.html
Ruby_basicexample.html
Ruby_db.html
Ruby_drill.html
Ruby_form.html
Ruby_JS_url.html
Ruby_JS_xml.html
SAIOverview.html
SAISetting.html
SingleSeries.html
SpChar.html
SpChar_Amp.html
SpChar_Apos.html
SpChar_Cent.html
SpChar_Euro.html
SpChar_Franc.html
SpChar_LT.html
SpChar_Percent.html
SpChar_Pound.html
SpChar_Yen.html
Support.html
SysReq.html
TTip_Lines.html
Upgrading.html
UpgradingEval.html
VBNET_Array.html
VBNET_BasicExample.html
VBNET_DB.html
VBNET_Drill.html
VBNET_Form.html
VBNET_JS_URL.html
VBNET_JS_XML.html
VB_MasterPages.html
WhatsNew.html
xAxisNames.html
XMLOverview.html
Area2D.xml
Bubble.xml
Col3DLine.xml
Col3DLineDY.xml
Column2D.xml
Column3D.xml
Combi2D.xml
Combi2DDY.xml
Doughnut2D.xml
Doughnut3D.xml
Line2D.xml
LogColumn.xml
LogLine.xml
MSArea2D.xml
MSBar2D.xml
MSBar3D.xml
MSColumn2D.xml
MSColumn3D.xml
MSLine.xml
MSSpline.xml
MSSplineArea2D.xml
Scatter.xml
ScrollAreaData.xml
ScrollColData.xml
ScrollCombi2D.xml
ScrollCombi2DDY.xml
ScrollLineData.xml
ScrollStackedCol2DData.xml
Spline.xml
SplineArea2D.xml
StArea2D.xml
StBar2D.xml
StBar3D.xml
StCol2D.xml
StCol2DLineDY.xml
StCol3D.xml
StCol3DLineDY.xml
StMSCol2D.xml
Area2D.html
Bar2D.html
Bubble.html
Col3DLine.html
Col3DLineDY.html
Column2D.html
Column3D.html
Combi2D.html
Combi2DDY.html
Doughnut2D.html
Doughnut3D.html
Line2D.html
MSArea2D.html
MSBar2D.html
MSBar3D.html
MSColumn2D.html
MSColumn3D.html
MSLine.html
Pie2D.html
Pie3D.html
Scatter.html
ScrolArea2D.html
ScrollColumn2D.html
ScrollCombi2D.html
ScrollCombiDY2D.html
ScrollLine2D.html
ScrollStackedCol2D.html
StArea2D.html
StBar2D.html
StBar3D.html
StCol2D.html
StCol3D.html
StCol3DLineDY.html
StMSCol2D.html
StMSCol2DLineDY.html
ImageSaving
FusionChartsSave.aspx
FusionCharts.js
SourceCode
Readme.txt
XMLGenerator
SWFObject.js
XMLGen_1.html
XMLGen_1.swf
XMLGenerator.html
Index.html
License (v3 Evaluation).html
FusionCharts free 使用手册.doc
using System.T
using System.C
using System.Web.UI.WebC
namespace InfoSoftGlobal
/// &summary&
/// Summary description for FusionCharts.
/// &/summary&
public class FusionCharts
/// &summary&
/// encodes the dataURL before it's served to FusionCharts
/// If you have parameters in your dataURL, you'll necessarily need to encode it
/// &/summary&
/// ¶m name=&dataURL&&dataURL to be fed to chart&/param&
/// ¶m name=&noCacheStr&&Whether to add aditional string to URL to disable caching of data&/param&
/// &returns&Encoded dataURL, ready to be consumed by FusionCharts&/returns&
public static string EncodeDataURL(string dataURL, bool noCacheStr)
string result = dataURL;
if (noCacheStr)
result += (dataURL.IndexOf(&?&) != -1) ? &&& : &?&;
//Replace : in time with _, as FusionCharts cannot handle : in URLs
result += &FCCurrTime=& + DateTime.Now.ToString().Replace(&:&, &_&);
return System.Web.HttpUtility.UrlEncode(result);
/// &summary&
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// ¶m name=®isterWithJS&&Whether to ask chart to register itself with JavaScript&/param&
/// /// ¶m name=&transparent&&Whether transparent chart (true / false)&/param&
/// &returns&JavaScript + HTML code required to embed a chart&/returns&
private static string RenderChartALL(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
StringBuilder builder = new StringBuilder();
builder.AppendFormat(&&!-- START Script Block for Chart {0} --&& + Environment.NewLine, chartId);
builder.AppendFormat(&&div id='{0}Div' align='center'&& + Environment.NewLine, chartId);
builder.Append(&Chart.& + Environment.NewLine);
builder.Append(&&/div&& + Environment.NewLine);
builder.Append(&&script type=\&text/javascript\&&& + Environment.NewLine);
builder.AppendFormat(&var chart_{0} = new FusionCharts(\&{1}\&, \&{0}\&, \&{2}\&, \&{3}\&, \&{4}\&, \&{5}\&);& + Environment.NewLine, chartId, chartSWF, chartWidth, chartHeight, boolToNum(debugMode), boolToNum(registerWithJS));
if (strXML.Length == 0)
builder.AppendFormat(&chart_{0}.setDataURL(\&{1}\&);& + Environment.NewLine, chartId, strURL);
builder.AppendFormat(&chart_{0}.setDataXML(\&{1}\&);& + Environment.NewLine, chartId, strXML);
if (transparent == true)
builder.AppendFormat(&chart_{0}.setTransparent({1});& + Environment.NewLine, chartId, &true&);
builder.AppendFormat(&chart_{0}.render(\&{1}Div\&);& + Environment.NewLine, chartId, chartId);
builder.Append(&&/script&& + Environment.NewLine);
builder.AppendFormat(&&!-- END Script Block for Chart {0} --&& + Environment.NewLine, chartId);
return builder.ToString();
/// &summary&
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// ¶m name=®isterWithJS&&Whether to ask chart to register itself with JavaScript&/param&
/// ¶m name=&transparent&&Whether transparent chart (true / false)&/param&
/// &returns&JavaScript + HTML code required to embed a chart&/returns&
public static string RenderChart(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
return RenderChartALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent);
/// &summary&
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// ¶m name=®isterWithJS&&Whether to ask chart to register itself with JavaScript&/param&
/// &returns&JavaScript + HTML code required to embed a chart&/returns&
public static string RenderChart(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS)
return RenderChart(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, false);
/// &summary&
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the &Click to activate...& message on the chart.
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// &returns&&/returns&
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode)
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, false, false);
/// &summary&
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the &Click to activate...& message on the chart.
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// ¶m name=®isterWithJS&&Whether to ask chart to register itself with JavaScript&/param&
/// &returns&&/returns&
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS)
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, false);
/// &summary&
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the &Click to activate...& message on the chart.
/// &/summary&
/// ¶m name=&chartSWF&&SWF File Name (and Path) of the chart which you intend to plot&/param&
/// ¶m name=&strURL&&If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to && (in case of dataXML method)&/param&
/// ¶m name=&strXML&&If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to && (in case of dataURL method)&/param&
/// ¶m name=&chartId&&Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.&/param&
/// ¶m name=&chartWidth&&Intended width for the chart (in pixels)&/param&
/// ¶m name=&chartHeight&&Intended height for the chart (in pixels)&/param&
/// ¶m name=&debugMode&&Whether to start the chart in debug mode&/param&
/// ¶m name=®isterWithJS&&Whether to ask chart to register itself with JavaScript&/param&
/// ¶m name=&transparent&&Whether transparent chart (true / false)&/param&
/// &returns&&/returns&
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent);
private static string RenderChartHTMLALL(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
//Generate the FlashVars string based on whether dataURL has been provided
//or dataXML.
StringBuilder strFlashVars = new StringBuilder();
string flashVariables = String.E
if (strXML.Length == 0)
//DataURL Mode
flashVariables = String.Format(&&chartWidth={0}&chartHeight={1}&debugMode={2}®isterWithJS={3}&DOMId={4}&dataURL={5}&, chartWidth, chartHeight, boolToNum(debugMode), (registerWithJS), chartId, strURL);
//DataXML Mode
flashVariables = String.Format(&&chartWidth={0}&chartHeight={1}&debugMode={2}®isterWithJS={3}&DOMId={4}&dataXML={5}&, chartWidth, chartHeight, boolToNum(debugMode), boolToNum(registerWithJS), chartId, strXML);
strFlashVars.AppendFormat(&&!-- START Code Block for Chart {0} --&& + Environment.NewLine, chartId);
strFlashVars.AppendFormat(&&object classid=\&clsid:d27cdb6e-ae6d-11cf-96b8-\& codebase=\&/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\& width=\&{0}\& height=\&{1}\& name=\&{2}\& id==\&{2}\& && + Environment.NewLine, chartWidth, chartHeight, chartId);
strFlashVars.Append(&¶m name=\&allowScriptAccess\& value=\&always\& /&& + Environment.NewLine);
strFlashVars.AppendFormat(&¶m name=\&movie\& value=\&{0}\&/&& + Environment.NewLine, chartSWF);
strFlashVars.AppendFormat(&¶m name=\&FlashVars\& value=\&{0}\& /&& + Environment.NewLine, flashVariables);
strFlashVars.Append(&¶m name=\&quality\& value=\&high\& /&& + Environment.NewLine);
string strwmode = &&;
if (transparent == true)
strFlashVars.Append(&¶m name=\&wmode\& value=\&transparent\& /&& + Environment.NewLine);
strwmode = &wmode=\&transparent\&&;
strFlashVars.AppendFormat(&&embed src=\&{0}\& FlashVars=\&{1}\& quality=\&high\& width=\&{2}\& height=\&{3}\& name=\&{4}\& id=\&{4}\& allowScriptAccess=\&always\& type=\&application/x-shockwave-flash\& pluginspage=\&/go/getflashplayer\& {5} /&& + Environment.NewLine, chartSWF, flashVariables, chartWidth, chartHeight, chartId, strwmode);
strFlashVars.Append(&&/object&& + Environment.NewLine);
strFlashVars.AppendFormat(&&!-- END Code Block for Chart {0} --&& + Environment.NewLine, chartId);
string FlashXML = &&div id='& + chartId + &Div'&&; FlashXML += strFlashVars.ToString() + &&/div&&;
return FlashXML;
/// &summary&
/// Transform the meaning of boolean value in integer value
/// &/summary&
/// ¶m name=&value&&true/false value to be transformed&/param&
/// &returns&1 if the value is true, 0 if the value is false&/returns&
private static int boolToNum(bool value)
return value ? 1 : 0;
Copyright(C)
OKBASE.NET All Rights Reserved 好库网 版权所有
