[AJava]FusionCharts Free中国語開発ガイド[ドキュメントを使用するチュートリアル]第14章--JSPでFCFを使用する
6720 ワード
前述の例では、HTMLやJavaScriptを用いてグラフィックを表示するのが最も基本的な使い方です.FCFは、PHP、ASP、JSPなど、グラフィックを表示する他の方法も提供しています.しかし、説明したいのは、これらの方法は基本的な使用方法の変形であり、最終的にはページにHTMLやJavaScriptを出力していることです.したがって、HTMLやJavaScriptで十分だと思うなら、この章を読む必要はありません.
例を見てみましょう.
これはXMLデータコードです.
これはJSPコードです.
前の例ではjspのincludeラベルが採用されており、FCFではデバッグ機能がないため、FusionChartsHTML Renderer.jspというJSPページが含まれています.データをロードしたり、グラフィックを制御したりするためのパラメータを受け入れています.debugModeはflaseでなければなりません.このJSPページは、最終的にHTMLでグラフィックをロードするコードを出力します.ダウンロードパッケージ>Code>JSP>Includesフォルダにあります.
JavaScriptを使用してグラフィックをロードするコードを出力するJSP-FusionChartsRenderer.jspもあります.使用コードは次のとおりです.
debugModeとregisterWithJSはflaseでなければなりません.FCFにはこの2つの機能がないからです.
上の2つのページでは、同じグラフィックが表示されます.
画像1
FCFの使用については、ここで基本的に终わって、みんなは练习を読む过程の中で、もし文章に何か间违いがあることを発见したら、あるいはあなたはいくつかの问题に出会ったら、私に连络することができて、连络先は:QQ:634369863です.FCFフォーラム:AJava Ask.このチュートリアルの公式サイトはAJavaです.
例を見てみましょう.
これはXMLデータコードです.
<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>
<set name='Jan' value='462' color='AFD8F8' />
<set name='Feb' value='857' color='F6BD0F' />
<set name='Mar' value='671' color='8BBA00' />
<set name='Apr' value='494' color='FF8E46' />
<set name='May' value='761' color='008E8E' />
<set name='Jun' value='960' color='D64646' />
<set name='Jul' value='629' color='8E468E' />
<set name='Aug' value='622' color='588526' />
<set name='Sep' value='376' color='B3AA00' />
<set name='Oct' value='494' color='008ED6' />
<set name='Nov' value='761' color='9D080D' />
<set name='Dec' value='960' color='A186BE' />
</graph>
これはJSPコードです.
<HTML>
<HEAD>
<TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
</HEAD>
<BODY>
<CENTER>
<h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2>
<h4>Basic example using pre-built Data.xml</h4>
<%
//Create the chart - Column 3D Chart with data from Data/Data.xml
%>
<jsp:include page="../Includes/FusionChartsHTMLRenderer.jsp" flush="true">
<jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" />
<jsp:param name="strURL" value="Data/Data.xml" />
<jsp:param name="strXML" value="" />
<jsp:param name="chartId" value="myFirst" />
<jsp:param name="chartWidth" value="600" />
<jsp:param name="chartHeight" value="300" />
<jsp:param name="debugMode" value="false" />
</jsp:include>
<BR>
<BR>
<a href='../NoChart.html' target="_blank">Unable to see the chart
above?</a>
<BR><H5 ><a href='../default.htm'>« Back to list of examples</a></h5>
</CENTER>
</BODY>
</HTML>
前の例ではjspのincludeラベルが採用されており、FCFではデバッグ機能がないため、FusionChartsHTML Renderer.jspというJSPページが含まれています.データをロードしたり、グラフィックを制御したりするためのパラメータを受け入れています.debugModeはflaseでなければなりません.このJSPページは、最終的にHTMLでグラフィックをロードするコードを出力します.ダウンロードパッケージ>Code>JSP>Includesフォルダにあります.
JavaScriptを使用してグラフィックをロードするコードを出力するJSP-FusionChartsRenderer.jspもあります.使用コードは次のとおりです.
<HTML>
<HEAD>
<TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE>
<SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
</HEAD>
<BODY>
<CENTER>
<h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2>
<h4>Embedding chart using FusionCharts JavaScript class and using dataURL method.</h4>
<%
//Create the chart - Column 3D Chart with data from Data/Data.xml
%>
<jsp:include page="../Includes/FusionChartsRenderer.jsp" flush="true">
<jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" />
<jsp:param name="strURL" value="Data/Data.xml" />
<jsp:param name="strXML" value="" />
<jsp:param name="chartId" value="myFirst" />
<jsp:param name="chartWidth" value="600" />
<jsp:param name="chartHeight" value="300" />
<jsp:param name="debugMode" value="false" />
<jsp:param name="registerWithJS" value="false" />
</jsp:include>
<BR>
<BR>
<a href='../NoChart.html' target="_blank">Unable to see the chart above?</a><BR><H5 ><a href='../default.htm'>« Back to list of examples</a></h5>
</CENTER>
</BODY>
</HTML>
debugModeとregisterWithJSはflaseでなければなりません.FCFにはこの2つの機能がないからです.
上の2つのページでは、同じグラフィックが表示されます.
画像1
FCFの使用については、ここで基本的に终わって、みんなは练习を読む过程の中で、もし文章に何か间违いがあることを発见したら、あるいはあなたはいくつかの问题に出会ったら、私に连络することができて、连络先は:QQ:634369863です.FCFフォーラム:AJava Ask.このチュートリアルの公式サイトはAJavaです.