ChartDirector 7.0 (Java Edition)

Pyramid Gap


          

This example demonstrates the effects of different pyramid layer gap sizes, configured with PyramidChart.setLayerGap.

Source Code Listing

[JSP Version] jspdemo/pyramidgap.jsp
<%@page import="ChartDirector.*, java.util.*" %> <%! // Function to create the demo charts void createChart(WebChartViewer viewer, int chartIndex) { // The data for the pyramid chart double[] data = {156, 123, 211, 179}; // The colors for the pyramid layers int[] colors = {0x66aaee, 0xeebb22, 0xcccccc, 0xcc88ff}; // The layer gap double gap = chartIndex * 0.01; // Create a PyramidChart object of size 200 x 200 pixels, with white (ffffff) background and // grey (888888) border PyramidChart c = new PyramidChart(200, 200, 0xffffff, 0x888888); // Set the pyramid center at (100, 100), and width x height to 60 x 120 pixels c.setPyramidSize(100, 100, 60, 120); // Set the layer gap c.addTitle("Gap = " + gap, "Arial Italic", 15); c.setLayerGap(gap); // Set the elevation to 15 degrees c.setViewAngle(15); // Set the pyramid data c.setData(data); // Set the layer colors to the given colors c.setColors2(Chart.DataColor, colors); // Output the chart viewer.setChart(c, Chart.SVG); } %> <% // This example includes 6 charts WebChartViewer[] viewers = new WebChartViewer[6]; for (int i = 0; i < viewers.length; ++i) { viewers[i] = new WebChartViewer(request, "chart" + i); createChart(viewers[i], i); } %> <!DOCTYPE html> <html> <head> <title>Pyramid Gap</title> <!-- Include ChartDirector Javascript Library to support chart interactions --> <script type="text/javascript" src="cdjcv.js"></script> </head> <body style="margin:5px 0px 0px 5px"> <div style="font:bold 18pt verdana;"> Pyramid Gap </div> <hr style="border:solid 1px #000080; background:#000080" /> <div style="font:10pt verdana; margin-bottom:1.5em"> <a href="viewsource.jsp?file=<%=request.getServletPath()%>">View Source Code</a> </div> <!-- ****** Here are the chart images ****** --> <% for (int i = 0; i < viewers.length; ++i) { out.write(viewers[i].renderHTML(response)); out.write(" "); } %> </body> </html>