GWT 图表 GChart 实例
原创
©著作权归作者所有:来自51CTO博客作者TechOnly的原创作品,请联系作者获取转载授权,否则将追究法律责任
- First download the jar from the project home page http://code.google.com/p/gchart/
- Put it under war/WEB-INF/lib and add the gchart.jar to your classpath
- Create a Web Application project called it GChart-samples (I assume you have Google Eclipse Plugin and follow the basic steps fromhere)
- This step is for make-up, find GChart_samples.html under war/WEB-INF and clear the part between <body> tags.
- Open GChart_samples.gwt.xml and add the following line<inherits name='com.googlecode.gchart.GChart'/>
- package com.dogan.kaya.client;
• import com.googlecode.gchart.client.GChart;
public class FirstChart extends GChart
{
public FirstChart()
{
setChartSize(350, 350);
addCurve();
int[] data = { 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1 };
for (int i = 0; i < data.length; i++)
{
getCurve().addPoint(i + 1, data[i]);
}
//curve customization
getCurve().getSymbol().setHeight(10);
getCurve().getSymbol().setWidth(10);
getCurve().getSymbol().setBorderColor("black");
getCurve().getSymbol().setBorderWidth(3);
getCurve().getSymbol().setSymbolType(SymbolType.LINE);
getCurve().getSymbol().setFillThickness(2);
getCurve().getSymbol().setFillSpacing(0);
//chart customization
getXAxis().setAxisMin(1);
getXAxis().setAxisMax(12);
getXAxis().setTickCount(12);
getXAxis().setHasGridlines(false);
getXAxis().setTickLocation(TickLocation.CENTERED);
getXAxis().setTickLabelFontSize(10);
getYAxis().setAxisMin(0);
getYAxis().setAxisMax(12);
//to get inteter values on y axis, be careful
//about the number of intervals it can be tricky
getYAxis().setTickCount(13);
getYAxis().setTicksPerLabel(2);
getYAxis().setHasGridlines(false);
getYAxis().setTickLabelFontSize(10);
//
update();
}
}
- Open GChart_samples class and change it like the followingpackage com.dogan.kaya.client;
• import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
public class GChart_samples implements EntryPoint
{
public void onModuleLoad()
{
RootPanel.get().add(new FirstChart());//这句比较灵活
}
}