Fusion Charts

Jar Download : FusionChart Jar
To be kept parallel to Web-Inf : FusionChart Folder

BasicChart.jsp

<%-- 
    Document   : BasicChart
    Created on : Sep 3, 2011, 10:17:28 AM
    Author     : Taher_JAVAHUNTER
--%>
<html>
    <head>
        <title>My First FusionCharts</title>
        <SCRIPT LANGUAGE="Javascript" SRC="../FusionCharts/FusionCharts.js"></SCRIPT>        
    </head>
    <body bgcolor="#ffffff">
        
        First Way :
        
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
                codebase="<%=request.getContextPath()%>/FusionCharts/swflash.cab#version=8,0,0,0"
                width="900" height="300" id="Column3D" >
            <param name="movie" value="<%=request.getContextPath()%>/FusionCharts/FCF_Column3D.swf" />
            <param name="FlashVars" value="&dataURL=Data.xml&chartWidth=900&chartHeight=300">
            <param name="quality" value="high" />
            <embed src="<%=request.getContextPath()%>/FusionCharts/FCF_Column3D.swf"
                   flashVars="&dataURL=Data.xml&chartWidth=900&chartHeight=300"
                   quality="high" width="900" height="300"
                   name="Column3D" type="application/x-shockwave-flash"
                   pluginspage="http://www.macromedia.com/go/getflashplayer" />
        </object>
             <hr/>
             
        Second Way :
             
             <%
                String strXML="";
                strXML += "<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'>";
                strXML += "<set name='Jan' value='445' color='AFD8F8'/>";
                strXML += "<set name='Feb' value='857' color='F6BD0F'/>";
                strXML += "<set name='Mar' value='671' color='8BBA00'/>";
                strXML += "<set name='Apr' value='494' color='FF8E46'/>";
                strXML += "<set name='May' value='761' color='008E8E'/>";
                strXML += "<set name='Jun' value='960' color='D64646'/>";
                strXML += "<set name='Jul' value='629' color='8E468E'/>";
                strXML += "<set name='Aug' value='622' color='588526'/>";
                strXML += "<set name='Sep' value='376' color='B3AA00'/>";
                strXML += "<set name='Oct' value='494' color='008ED6'/>";
                strXML += "<set name='Nov' value='761' color='9D080D'/>";
                strXML += "<set name='Dec' value='960' color='A186BE'/>";
                strXML += "</graph>";
             %>
             <jsp:include page="FusionChartsRenderer.jsp" flush="true">
                <jsp:param name="chartSWF" value="/FusionCharts/Pie3D.swf" />
                <jsp:param name="strURL" value="" />
                <jsp:param name="strXML" value="<%=strXML %>" />
                <jsp:param name="chartId" value="productSales" />
                <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>
        <h1>this is a sample</h1>
    </body>
</html>

For Frist Way : Data.xml

<graph caption='Monthly Sales Summary' subcaption='For the year 2006'
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
    <set name='January' value='22222' />
    <set name='February' value='19800' />
    <set name='March' value='21800' />
    <set name='April' value='23800' />
    <set name='May' value='29600' />
    <set name='June' value='27600' />
    <set name='July' value='31800' />
    <set name='August' value='39700' />
    <set name='September' value='37800' />
    <set name='October' value='21900' />
    <set name='November' value='32900' />
    <set name='December' value='39800' />
</graph>

For Second Way : FusionChartsRenderer.jsp

<%-- 
    Document   : FusionChartsRenderer
    Created on : Sep 7, 2011, 11:15:03 AM
    Author     : Taher_JAVAHUNTER
--%>
<%
            String chartSWF = request.getContextPath() +request.getParameter("chartSWF");
            String strURL = request.getParameter("strURL");
            String strXML = request.getParameter("strXML");
            String chartId = request.getParameter("chartId");
            String chartWidthStr = request.getParameter("chartWidth");
            String chartHeightStr = request.getParameter("chartHeight");
            String debugModeStr = request.getParameter("debugMode");
            String registerWithJSStr = request.getParameter("registerWithJS");

            int chartWidth = 600;
            int chartHeight = 300;
            boolean debugMode = false;
            boolean registerWithJS = false;
            int debugModeInt = 0;
            int regWithJSInt = 0;


            if (null != chartWidthStr && !chartWidthStr.equals("")) {
                chartWidth = Integer.parseInt(chartWidthStr);
            }
            if (null != chartHeightStr && !chartHeightStr.equals("")) {
                chartHeight = Integer.parseInt(chartHeightStr);
            }
            if (null != debugModeStr && !debugModeStr.equals("")) {
                debugMode = new Boolean(debugModeStr).booleanValue();
                debugModeInt = boolToNum(new Boolean(debugMode));
            }
            if (null != registerWithJSStr && !registerWithJSStr.equals("")) {
                registerWithJS = new Boolean(registerWithJSStr).booleanValue();
                regWithJSInt = boolToNum(new Boolean(registerWithJS));
            }

%>
<div id='<%=chartId%>Div' align='center'>Chart</div>
<script type='text/javascript'>
    var chart_<%=chartId%> = new FusionCharts("<%=chartSWF%>", "<%=chartId%>", "<%=chartWidth%>", "<%= chartHeight%>", "<%= debugModeInt%>", "<%= regWithJSInt%>");

    <% 
            if (strXML.equals("")) {
    %>
        //<!-- Set the dataURL of the chart-->
        chart_<%=chartId%>.setDataURL("<%=strURL%>");

    <%} else {%>
        // Provide entire XML data using dataXML method
        chart_<%=chartId%>.setDataXML("<%=strXML%>");
    <%}%>
        //<!-- Finally, render the chart.-->
        chart_<%=chartId%>.render("<%=chartId%>Div");
</script>
<%!
    /**
     * Converts a Boolean value to int value<br>
     *
     * @param bool Boolean value which needs to be converted to int value
     * @return int value correspoding to the boolean : 1 for true and 0 for false
     */
    public int boolToNum(Boolean bool) {
        int num = 0;
        if (bool.booleanValue()) {
            num = 1;
        }
        return num;
    }
%>

Output :

Fusion Chart Example

Advertisements
This entry was posted in FusionChart, JSP. Bookmark the permalink.

One Response to Fusion Charts

  1. I do not even know the way I ended up right here, however I thought
    this submit was great. I do not realize who you’re however definitely you are going to a famous blogger in the event you are not already. Cheers!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s