前台：
<?page title="Grid使用" contentType="text/html;charset=UTF-8"?> <zk xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.zkoss.org/2005/zul" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul"> <window border="none" apply="test.GrdiCtrl"> <grid > <columns sizable="true" > <column label="图表" align="center" /> </columns> <rows id="rows"> </rows> </grid> </window> </zk>
后台：
package test; import java.awt.Color; import java.awt.Font; import java.awt.Paint; import java.util.Random; import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.util.GenericAutowireComposer; import org.zkoss.zul.CategoryModel; import org.zkoss.zul.Cell; import org.zkoss.zul.Chart; import org.zkoss.zul.PieModel; import org.zkoss.zul.Row; import org.zkoss.zul.Rows; import org.zkoss.zul.SimpleCategoryModel; import org.zkoss.zul.SimplePieModel; import chart.LineChartEngine; import chart.TestEngine; public class GrdiCtrl extends GenericAutowireComposer<Component>{ private static final long serialVersionUID = 1L; // colors public static Color COLOR_1 = new Color(0x38EB38); public static Color COLOR_2 = new Color(0xFE9900); public static Color COLOR_3 = new Color(0xEF6AD5); public static Color COLOR_4 = new Color(0xFFFF00); public static Color COLOR_5 = new Color(0x66CBFF); public static Color COLOR_6 = new Color(0x9FFE80); private static Paint[] colors1 = new Paint[]{COLOR_2, COLOR_1}; private Rows rows; @Override public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); rows.appendChild(addRow()); } private Row addRow() { int count = 1; Row row = new Row(); //饼状图 Chart mychart1 = new Chart(); PieModel model = new SimplePieModel(); model.setValue("已使用", new Double(2.0)); model.setValue("未使用", new Double(3.0)); TestEngine engine1 = new TestEngine(); engine1.setColors(colors1); mychart1.setModel(model); mychart1.setEngine(engine1); mychart1.setId("chart" + (3*count+1)); mychart1.setWidth("250px"); mychart1.setHeight("125px"); Cell cell2 = new Cell(); cell2.appendChild(mychart1); //折线图 CategoryModel model1 = new SimpleCategoryModel(); Chart linechart1 = new Chart(); linechart1.setType("line"); linechart1.setHeight("250px"); linechart1.setWidth("500px"); linechart1.setThreeD(false); linechart1.setFgAlpha(128); model1.setValue("CPU使用率", "Category 1", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率", "Category 2", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率", "Category 3", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率", "Category 4", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率", "Category 5", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率2", "Category 1", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率2", "Category 2", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率2", "Category 3", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率2", "Category 4", 10 * new Random().nextInt(7)); model1.setValue("CPU使用率2", "Category 5", 10 * new Random().nextInt(7)); linechart1.setModel(model1); LineChartEngine lce = new LineChartEngine(2,5); lce.setMaxRange(100); linechart1.setEngine(lce); Font titlefont = new Font("黑体", Font.PLAIN, 12); linechart1.setTitle("CPU(%)");//设置top标题 Font subfont = new Font("黑体", Font.PLAIN, 12); linechart1.setYAxisFont(subfont);//设置字体,防中文乱码 linechart1.setYAxis("数值");//设置left标题 Cell cell3 = new Cell(); cell3.appendChild(linechart1); // linechart1.setXAxis("08 09 10 11 12"); //Font f = new Font("Serif",Font.PLAIN,11); //linechart1.setXAxisFont(f); linechart1.setTitleFont(titlefont); row.appendChild(cell2); row.appendChild(cell3); row.setStyle("background:#ffffff"); return row; } }
饼图引擎：
package com.zk.ctrl.chart; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Paint; import java.awt.Shape; import java.awt.Stroke; import org.jfree.chart.JFreeChart; import org.jfree.chart.plot.DefaultDrawingSupplier; import org.jfree.chart.plot.PiePlot; import org.zkoss.zkex.zul.impl.JFreeChartEngine; import org.zkoss.zul.Chart; public class TestEngine extends JFreeChartEngine { private static final long serialVersionUID = 1L; Paint[] colors; public Paint[] getColors() { return colors; } public void setColors(Paint[] colors) { this.colors = colors; } public boolean prepareJFreeChart(JFreeChart jfchart, Chart chart) { jfchart.setBorderPaint(Color.white); jfchart.setBorderVisible(true); Stroke s = new BasicStroke(10.0f); jfchart.setBorderStroke(s); PiePlot piePlot = (PiePlot) jfchart.getPlot(); // 璁剧疆鑳屾櫙閫忔槑搴? piePlot.setBackgroundAlpha(1.0f); piePlot.setBaseSectionOutlinePaint(new Color(0xEEEEEE)); piePlot.setSectionOutlinesVisible(false); piePlot.setLabelBackgroundPaint(Color.WHITE); piePlot.setLabelOutlinePaint(null); piePlot.setLabelShadowPaint(null); Font axisFont = new Font("榛戜綋", Font.PLAIN, 12); jfchart.getLegend().setVisible(false); piePlot.setLabelFont(axisFont); piePlot.setOutlinePaint(null); // override some default colors DefaultDrawingSupplier defaults = new DefaultDrawingSupplier(); piePlot.setDrawingSupplier(new DefaultDrawingSupplier(colors, new Paint[] { defaults.getNextFillPaint() },// new Paint[] { defaults.getNextOutlinePaint() }, // new Stroke[] { defaults.getNextStroke() },// new Stroke[] { defaults.getNextOutlineStroke() },// new Shape[] { defaults.getNextShape() }));// piePlot.setShadowPaint(Color.white); // piePlot.setSectionOutlinesVisible(false); return false; } }
拆线图引擎
package chart; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import org.jfree.chart.JFreeChart; import org.jfree.chart.axis.CategoryAxis; import org.jfree.chart.axis.NumberAxis; import org.jfree.chart.axis.NumberTickUnit; import org.jfree.chart.labels.ItemLabelAnchor; import org.jfree.chart.labels.ItemLabelPosition; import org.jfree.chart.labels.StandardCategoryItemLabelGenerator; import org.jfree.chart.plot.CategoryPlot; import org.jfree.chart.renderer.category.LineAndShapeRenderer; import org.jfree.chart.title.TextTitle; import org.jfree.ui.RectangleInsets; import org.jfree.ui.TextAnchor; import org.zkoss.zkex.zul.impl.JFreeChartEngine; import org.zkoss.zul.Chart; public class LineChartEngine extends JFreeChartEngine { private static final long serialVersionUID = 1L; private int width = 5; private boolean showLine = true; private boolean showShape = true; private int series; private int total; public LineChartEngine() { } public LineChartEngine(int series, int total) { this.series = series; this.total = total; } public float minRange = 0.0f; public float maxRange = 100.0f; public boolean prepareJFreeChart(JFreeChart jfchart, Chart chart) { jfchart.setBackgroundPaint(Color.WHITE); TextTitle subtitle = new TextTitle("2007年度", new Font("黑体", Font.BOLD, 12)); jfchart.addSubtitle(subtitle); jfchart.setBorderStroke(null); CategoryPlot plot = (CategoryPlot) jfchart.getPlot(); plot.setDomainGridlinePaint(Color.LIGHT_GRAY); plot.setRangeGridlinePaint(Color.LIGHT_GRAY); plot.setBackgroundPaint(Color.WHITE); plot.setOutlinePaint(Color.RED);// 边界线 LineAndShapeRenderer renderer = (LineAndShapeRenderer) plot.getRenderer(); CategoryPlot plot1 = jfchart.getCategoryPlot(); plot1.setDomainGridlinesVisible(true); plot1.setRangeGridlinesVisible(true); plot1.setBackgroundPaint(Color.green); // 设置曲线图与xy轴的距离 plot1.setAxisOffset(new RectangleInsets(0d, 0d, 0d, 0d)); plot.setAxisOffset(new RectangleInsets(0d, 0d, 0d, 0d)); Font font = new Font("宋体", Font.PLAIN, 10); CategoryAxis categoryAxis = (CategoryAxis) plot1.getDomainAxis(); categoryAxis.setTickLabelFont(font); // Y轴 NumberAxis numberaxis = (NumberAxis) plot.getRangeAxis(); numberaxis.setTickUnit(new NumberTickUnit(2D)); // numberaxis.setStandardTickUnits(NumberAxis.createIntegerTickUnits()); // 横轴 CategoryAxis dateaxis = (CategoryAxis) plot.getDomainAxis(); dateaxis.setMinorTickMarksVisible(false); Font f = new Font("Serif", Font.PLAIN, 1); plot.getDomainAxis().setTickLabelFont(f); // plot.getDomainAxis( // dateaxis.sett numberaxis.setAutoRangeIncludesZero(true); numberaxis.setAutoTickUnitSelection(true); // numberaxis.setAutoRangeMinimumSize(0.01f); numberaxis.setRange(minRange, maxRange); // //获取同网卡的读或写 // int num=0; // if(series>=total/2){ // num=series-total/2; // }else{ // num=series+total/2; // } if (series >= 0) { if (series >= total / 2) { renderer.setSeriesLinesVisible(1, showLine);// 是否显示数据点连线 renderer.setSeriesShapesVisible(1, showShape);// 是否显示数据节点 renderer.setLegendTextFont(1, font); renderer.setSeriesStroke(1, new BasicStroke(width)); renderer.setSeriesLinesVisible(0, showLine);// 0123,4567 renderer.setSeriesShapesVisible(0, showShape); renderer.setLegendTextFont(0, font); renderer.setSeriesStroke(0, new BasicStroke(1)); } else { renderer.setSeriesLinesVisible(0, showLine);// 0123,4567 renderer.setSeriesShapesVisible(0, showShape); renderer.setLegendTextFont(0, font); renderer.setSeriesStroke(0, new BasicStroke(width)); renderer.setSeriesLinesVisible(1, showLine);// 0123,4567 renderer.setSeriesShapesVisible(1, showShape); renderer.setLegendTextFont(1, font); renderer.setSeriesStroke(1, new BasicStroke(1)); } } // 显示数据点数值 renderer.setBaseShapesVisible(true); renderer.setBaseItemLabelsVisible(true); renderer.setBasePositiveItemLabelPosition(new ItemLabelPosition(ItemLabelAnchor.OUTSIDE12, TextAnchor.BASELINE_LEFT)); renderer.setBaseItemLabelGenerator(new StandardCategoryItemLabelGenerator()); renderer.setBaseItemLabelFont(new Font("宋体", 5, 12)); // for (int i = 0; i < total; i++) { // if(i==series||i==num){ // continue; // } // renderer.setSeriesStroke(i, new BasicStroke(1));//设置线条粗细 // renderer.setSeriesShapesVisible(i, showShape);//数据点不可见 // renderer.setSeriesVisibleInLegend(i, false);//设置线条的图例不可见 // renderer.setLegendTextFont(i, font);//设置图例字体样式 // renderer.setSeriesLinesVisible(i, false);//曲线是否可见 // } return false; } public void setWidth(int width) { this.width = width; } public void setShowLine(boolean showLine) { this.showLine = showLine; } public void setShowShape(boolean showShape) { this.showShape = showShape; } public void setMinRange(float minRange) { this.minRange = minRange; } public void setMaxRange(float maxRange) { this.maxRange = maxRange; } }
效果图：
