SMART datagrid v.1 > Examples

[ grids ver.1.3.2]   Back  Forward

Spark Chart Renderers  Example

SeriesColumn同时显示相关的一个以上的字段值。 可以通过一个视觉模式,确认各个时点的值的变化或各个组织的比较等多个值。 

下列例题中,通过SparkColumnRendererSparkLineRendererSparkWinLossRenderer,分别显示2000 ~ 2010字段的值。 

1. Spark Column

通过SparkColumnRenderer.barWidth,指定项的竖条宽度。 通过highColorlowColor,分别显示最大值和最小值。 

Grid - 1
rows

  

2. Spark Line

通过SparkLineRenderer.lineColor,指定线的颜色。 通过firstColorlastColorhighColor、 lowColor,分别在相关位置,绘制data point。 

Grid - 2
rows
3. Spark WinLosss

可以通过SparkWinLossRenderer.belowHeight,指定基准值下方的竖条高度。 而且,可以通过barWidth,指定项的竖条宽度。 通过belowColor,指定基准值下方的项的颜色。 

Grid - 3
rows

查看源代码 JSP 

See Also
SparkColumnRenderer
SparkLineRenderer
SparkWinLossRenderer
SeriesColumn
Examples
Series Column