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

@ManagedBean(scope=ManagedBeanScope.SESSION)
public class TimeSeriesData extends ArrayList<TimeDataItem>
{
    public TimeSeriesData() {
        randomize();
    }

    public void randomize() {
        clear();

        GregorianCalendar cal = new GregorianCalendar(2006, 0, 1);
        double value = 100.0;
        for (int i = 0; i < 365; i++) {
            value = (value + Math.random()*10) - 5;
            add(new TimeDataItem(cal.getTime(), value));
            cal.add(Calendar.DATE, 1);
        }
    }
}

以下是jsp页面中关于TimeDataItem的代码，这里使用折线图绘制数据，共显示20条数据，每条数据都加上数据点标记：

<g:lineChart title="Time Series Line Chart Demo" xAxisLabel="Time" yAxisLabel="Value" showLegend="true"> 
  <g:timeSeries value="#{TimeSeriesData}" var="ts" rows="20"> 
    <g:timeDataItem legend="Random 1" time="#{ts.time}" value="#{ts.value}" drawMarkers="true" /> 
  </g:timeSeries> 
</g:lineChart>