以下的例子介绍了g:dataItem标签常用方法，在创建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; 
  } 
}

由于并不是所有的图表都支持DataItem的全部属性，这里使用LineChart构件做为演示例子：

<g:lineChart title="Line Chart Demo" xAxisLabel="Category" yAxisLabel="Value" showLegend="true">
 <g:dataSeries value="#{CategoryData}" var="x" rows="10">
   <g:dataLabel value="#{x.label}" />
   <g:dataItem legend="First" value="#{x.first}" drawMarkers="true"/>
   <g:dataItem legend="Second" value="#{x.second}" drawMarkers="true" fillMarkers="false"/>
   <g:dataItem legend="Third" value="#{x.third}" drawMarkers="true" markerFillColor="gray"/>
 </g:dataSeries> 
</g:lineChart>