在 NetBeans 中使用 jMaki 框架快速建構 Web 圖表應用

想在 Web 應用程式中嵌入互動式圖表嗎？結合 jMaki 框架與 NetBeans 6，您可以輕鬆實現。以繪製機構全年每月收入比例的圓餅圖為例，幾步驟即可完成。

建構步驟

1. 安裝 jMaki 外掛：在 NetBeans 更新中心（Tools | Plugins | Available Plugins）搜尋並安裝 "jMaki Ajax support"
2. 匯入圖表程式庫：從 java.net 專案下載對應的 jMaki 圖表程式庫，透過 Tools | Palette | Add jMaki Library 加入 NetBeans
3. 建立專案：新建 Web 專案，在精靈中選擇 jMaki 框架
4. 拖放元件：從元件面板的 "jmaki-charting-widget" 區段，將 "Google Pie" 元件拖曳至預設 index.jsp 的 <body> 標籤內
5. 部署與客製化：依需求調整資料來源、樣式與互動行為

PHP 專案同樣適用

若您使用 PHP 開發，同樣能獲得相同效果。以下程式碼片段示範如何在 PHP 中建立圓餅圖：

<?php
addWidget( array(
  "name" => "jmaki.charting.plotkit.pie",
  "args" => "{colorScheme:2}",
  "value" => "{
    xAxis : {
      title : 'Months',
      labels : [{ label : 'January'}, { label : 'February'}, { label : 'March'},
                { label : 'April'}, { label : 'May'}, { label : 'June'},
                { label : 'July'}, { label : 'August'}, { label : 'September'},
                { label : 'October'}, { label : 'November'}, { label : 'December'}]
    },
    data : [
      {label : 'Set 1', values : [25, 45, 25, 45, 50, 25, 35, 25, 25, 20, 35, 45] }
    ]
  }"
);
?>

透過 jMaki 的跨語言特性，Java 與 PHP 開發者都能快速整合豐富的 Ajax 圖表元件，提升 Web 應用的資料視覺化能力。