open flash chart--8

 

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());
%>

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