Quick start
 
 Dynamic style
 
 Dynamic model
 
 Drill-down
 
 Real time
 
 Ajax
 
 Embedded
 
 
 
 
   Overview         Example         Source       

<%@ page import = "com.gp.api.jsp.MxServerComponent" %>
<%@ page import = "com.gp.api.jsp.MxChartDescription"%>

<% 
    String userAgent = request.getHeader("User-Agent");
	
    MxServerComponent  svr = MxServerComponent.getDefaultInstance(application);

    MxChartDescription myChart = svr.newImageSpec();
    myChart.width = 280  ;
    myChart.height= 230  ;
    myChart.type = "PNG" ;

    int index ;
    if((index = userAgent.indexOf("MSIE"))!=-1 && userAgent.charAt(index+5)>='5') {
	myChart.type = "VML";
    }
    else
    if((index = userAgent.indexOf("Firefox"))!=-1 && 
         (userAgent.charAt(index+8)>'1' || userAgent.charAt(index+8)=='1' && userAgent.charAt(index+10)>='5')) {
	myChart.type = "Canvas";
    }

    out.write("<p>Format: ");
    out.write(myChart.type);
    out.write("<p><table width='100%'><tr width='100%'><td>");

    myChart.style = " <frameChart> <frame xDepth=\"20\" xTilt=\"21\" type=\"None\" leftAxisPlacement=\"Front\" isHGridVisible=\"false\"/> <xAxis> <labelFormat pattern=\"#,##0.###\"/> <parseFormat pattern=\"#,##0.###\"/> <titleStyle font=\"Arial-11-bold\">Year </titleStyle> </xAxis> <yAxis scaleMin=\"0\"> <labelFormat pattern=\"#,##0.###\"/> <parseFormat pattern=\"#,##0.###\"/> <titleStyle font=\"Arial-11-bold\" isMultiline=\"false\"/> </yAxis> <yAxis2 scaleMin=\"0\"> <labelFormat pattern=\"#,##0.###\"/> <parseFormat pattern=\"#,##0.###\"/> </yAxis2> <dataLabels placement=\"Inside\" background=\"#FFFCE2\" font=\"Arial-11\"/> <legend allowSpan=\"true\" equalCols=\"false\" isVisible=\"false\" placement=\"Right\" halign=\"Right\" isMultiline=\"true\"> <decoration style=\"None\"/> </legend> <elements place=\"Stacked\" drawOutline=\"false\"> <morph morph=\"Grow\"/> <series index=\"0\" shape=\"Pyramid\" isSecondAxis=\"true\"/> </elements> <decoration style=\"FrameTopBottom\" foreColor=\"white\"/> <paint palette=\"Dawn\" paint=\"Plain\" isVertical=\"true\" min=\"47\" max=\"83\"/> <insets right=\"5\"/> </frameChart>" ;
    myChart.model = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<XML type=\"default\">\n<COL>2000</COL>\n<COL>2001</COL>\n<COL>2002</COL>\n<COL>2003</COL>\n<COL>2004</COL>\n<ROW col0=\"100.0\" col1=\"200.0\" col2=\"100.0\" col3=\"180.0\" col4=\"200.0\">Winter</ROW>\n<ROW col0=\"150.0\" col1=\"300.0\" col2=\"250.0\" col3=\"230.0\" col4=\"250.0\">Spring</ROW>\n<ROW col0=\"200.0\" col1=\"400.0\" col2=\"400.0\" col3=\"280.0\" col4=\"300.0\">Fall</ROW>\n<ROW col0=\"250.0\" col1=\"500.0\" col2=\"550.0\" col3=\"330.0\" col4=\"350.0\">Summer</ROW>\n</XML>";
       
    out.write(svr.getImageTag(myChart,"getimage.jsp?image="));

    out.write("</td><td align='center'>");
 
    myChart.width = 230 ;
    myChart.height= 230 ;

    myChart.style = " <gauge axisPlacement=\"Separate\" font=\"Dialog-11\"> <knobStyle size=\"30\"> <paint minColor=\"#CCCCCC\"/> </knobStyle> <handStyle type=\"Bar\" placement=\"Inner\" width=\"8\" tailSize=\"0\"> <paint shadowOffsetX=\"0\" shadowOffsetY=\"0\" minColor=\"#80FFFFFF\" maxColor=\"#80FF0000\" angle=\"90\"/> </handStyle> <dialStyle> <paint minColor=\"#CCCCCC\" maxColor=\"#E9E9E9\"/> </dialStyle> <axisStyle labelMargin=\"10\"/> <edgeStyle outerSize=\"8\" innerSize=\"4\"> <outer minColor=\"#6699CC\" maxColor=\"#99CCFF\"/> <inner minColor=\"#99CCFF\" maxColor=\"#6699CC\"/> </edgeStyle> <popup showOn=\"Disabled\"/> <axisStyles index=\"1\" labelPlacement=\"Outside\" angleMargin=\"10\" isReversed=\"true\" labelMargin=\"3\"> <labelStyle orientation=\"Slanted\"/> </axisStyles> <axisStyles index=\"0\" labelPlacement=\"Outside\" angleMargin=\"10\" labelMargin=\"3\"> <labelStyle orientation=\"Slanted\"/> <limits index=\"0\" minValue=\"60.0\" maxValue=\"100.0\" minWidth=\"4\"> <paint minColor=\"#8000FF00\" maxColor=\"#80FF0000\"/> </limits> </axisStyles> </gauge>" ;
    

    myChart.model = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<XML type=\"default\">\n<COL>Label</COL>\n<COL>Label</COL>\n<ROW col0=\"10.0\" col1=\"40.0\">Sample 0:</ROW>\n<ROW col0=\"1.0\" col1=\"0.0\">Label</ROW>\n</XML>";
   
    out.write(svr.getImageTag(myChart,"getimage.jsp?image="));
 
    out.write("</td></tr></table>");
%>
 

 

   Copyright © 1994-2010 GreenPoint, Inc. All rights reserved.