在WebChart的功能简介页面中, 总共举了七个例子, 一共分为两类, 后四个是以图形方式显示数据的, 下面来看一下这四个例子的实现.

    假设我们有一个按月统计的交易汇总表, 表结构如下所示.

CREATE TABLE TRADE_SUMMARY_MONTHLY
(
  TRADE_MONTH DATE,
  TRADE_COUNT NUMBER(12)
);

    首先要创建后缀为wcml的文本文件, 在如下目录下创建这些文件:

c:\TomcatWebChart\webapps\webchart
/TomcatWebChart/webapps/webchart

    第四个示例(demo4.wcml)中包括如下几行.

WEBCHART.XSLDOC=xsl/defchart.xsl
WEBCHART.TYPE=PIE
WEBCHART.WIDTH=480
WEBCHART.HEIGHT=240
WEBCHART.QUERY_1=select to_char(trade_month,'yyyy"Q"q') quater , \
      sum(trade_count) count \
  from trade_monthly_summary \
  where to_char(trade_month,'yyyy')='2008' \
  group by to_char(trade_month,'yyyy"Q"q')

    第五个示例(demo5.wcml)中包括如下几行.

WEBCHART.XSLDOC=xsl/defchart.xsl
WEBCHART.TYPE=BAR
WEBCHART.WIDTH=480
WEBCHART.HEIGHT=240
WEBCHART.QUERY_1=select to_char(trade_month,'mm') month , \
      trade_count count \
  from trade_monthly_summary \
  where to_char(trade_month,'yyyy')='2008'

    第六个示例(demo6.wcml)中包括如下几行.

WEBCHART.XSLDOC=xsl/defchart.xsl
WEBCHART.TYPE=LINE
WEBCHART.WIDTH=480
WEBCHART.HEIGHT=240
WEBCHART.QUERY_1=select to_char(trade_month,'mm') month , \
      trade_count count \
  from trade_monthly_summary \
  where to_char(trade_month,'yyyy')='2008'

    第七个示例(demo6.wcml)中包括如下几行.

WEBCHART.XSLDOC=xsl/defchart.xsl
WEBCHART.TYPE=AREA|BAR
WEBCHART.WIDTH=480
WEBCHART.HEIGHT=240
WEBCHART.QUERY_1=select to_char(trade_month,'mm') month , \
      to_char(trade_month,'yyyy') year, \
      trade_count count \
  from trade_monthly_summary \
  order by 1,2
WEBCHART.CROSSTAB_1=ON

    可以分别访问如下的URL来访问这四个例子.

http://localhost:8080/webchart/demo4.wcml
http://localhost:8080/webchart/demo5.wcml
http://localhost:8080/webchart/demo6.wcml
http://localhost:8080/webchart/demo7.wcml

    可以看到在WebChart上用图形来显示数据是相当地简单.