以下的例子介绍了g:chart标签常用方法，在创建jsp页面之前，需要创建为数据表提供数据的托管Bean：

@ManagedBean(scope=ManagedBeanScope.SESSION) 
public class CategoryData extends ArrayDataModel { 
    public CategoryData() { 
    	this(20); 
    } 
    public CategoryData(int numRows) { 
    	super(createData(numRows)); 
    } 
    public void randomize() { 
    	setWrappedData(createData(20)); 
    } 
    private static CategoryDataItem[] createData(int numRows) { 
    	Random r = new Random(); 
    	CategoryDataItem[] data = new CategoryDataItem[numRows]; 
    	for (int i = 0; i < numRows; i++) { 
    		data[i] = new CategoryDataItem("Category " + (i+1), r.nextInt(10)+1, r.nextInt(10)+1, r.nextInt(10)+1); 
    	} 
    	return data; 
    } 
}

然后创建jsp页面，在这个页面定义了两个Chart构件，其中一个是面积图，另一个是条形图。下面是涉及g:chart标签的代码：

<!-- Area Chart -->
<g:chart title="Chart-Area Demo" xAxisLabel="Category"
    yAxisLabel="Value" showLegend="true" foregroundAlpha="0.5"
    chartType="Area">
    <g:dataSeries value="#{CategoryData}" var="x" rows="8">
        <g:dataLabel value="#{x.label}" />
        <g:dataItem legend="First" value="#{x.first}" />
        <g:dataItem legend="Second" value="#{x.second}" />
        <g:dataItem legend="Third" value="#{x.third}" />
    </g:dataSeries>
</g:chart>

<!-- Bar Chart -->
<g:chart title="Chart-Bar Demo" xAxisLabel="Category"
    yAxisLabel="Value" showLegend="true" foregroundAlpha="0.5"
    chartType="Bar">
    <g:dataSeries value="#{CategoryData}" var="x" rows="8">
        <g:dataLabel value="#{x.label}" />
        <g:dataItem legend="First" value="#{x.first}" />
        ......
    </g:dataSeries>
</g:chart>

运行效果如下：