2012年9月26日 星期三

JOFC2 - 混合圖表

JOFC2 - 混合圖表

The materials presented in this web page is provided as is and is used solely for educational purpose. Use at your own risks.
Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu
請勿轉貼

我們假設你已經依據之前的文章完成的 OFC2 的安裝工作,也了解之前 OFC2 和 JSP 的合用方式。由於在本文中,我們將介紹如何混搭 BarChart 以及 LineChart, 因此請讀者先熟讀 OFC2 - 第三個範例 以及 OFC2 - LineChart 和 PieChart 中第六個範例。 在進一步說明範例之前,我們要先說明的是:我們只針對跟之前不同的地方進行 說明,相同的部分就不再贅述! 簡單來說,如果需要在一個 Chart 物件中,加入(例如)BarChart 以及 LineChart, 你需要分別產生 BarChart 以及 LineChart,並對他們進行設定;一旦設定完成, 我們就可以將 BarChart 以及 LineChart 的物件加到 Chart 物件內。 如果讀者依據我們的程式執行,應該可以看到類似如下的畫面:
而完整的程式碼列示如下:
<%@page contentType="text/plain" pageEncoding="UTF-8"
        import="jofc2.*,
                jofc2.model.*,
                jofc2.model.elements.*,
                jofc2.model.axis.*,
                jofc2.model.elements.BarChart.*,
                jofc2.model.elements.LineChart.*"%>
<%
  Chart cht = new Chart("存貨量線型圖");
  XAxis labels = new XAxis();
  labels.addLabels("北區", "中區", "南區", "離島");
  cht.setXAxis(labels);
  YAxis range = new YAxis();
  range.setRange(0, 60, 10);
  cht.setYAxis(range);
  BarChart bar = new BarChart(BarChart.Style.THREED);
  LineChart lin = new LineChart();
  bar.setColour("#669900");
  lin.setColour("#6666FF");
  bar.setText("存貨量");
  lin.setText("價格");

  for(int i=0; i<4; i++) {
    bar.addValues((int) (Math.random() * 60) + 1);
    lin.addValues((int) (Math.random() * 10) + 1);
  }

  cht.addElements(bar, lin);
  out.println(cht.toString());

Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu

沒有留言:

張貼留言