iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0

在上一章中,我們討論了如何在kintone的一覽畫面中使用ECharts來顯示數據分析圖。
雖然kintone自帶了圖表分析功能,但它僅限於分析該應用程式中的篩選後數據。
然而,對於一些更精細的業務需求,例如要分析某一筆特定紀錄中的資料,kintone目前並無內建的功能來達成這樣的需求。

這種情境在實際業務中非常常見。
例如,在銷售管理系統中,業務員可能需要查看某一筆特定訂單中的銷售產品數量、價格波動等數據,並通過圖表進行可視化分析。
如果僅依賴kintone內建的圖表功能,用戶可能只能看到篩選後的總體數據,而無法深入分析單筆紀錄中的細節。

為了解決這一問題,我們可以使用kintone提供的「空白欄」功能來進行客製化開發。
kintone的「空白欄」為開發者提供了一個靈活的區域,可以嵌入自訂內容。在這個空白欄中,我們可以使用kintone的JavaScript API來動態插入ECharts圖表,並將特定紀錄中的數據進行即時分析和展示。

https://i.imgur.com/lRDEytN.gif

具體的開發過程如下:首先,我們需要在kintone的應用程式中設置「空白欄」,這個欄位將作為顯示圖表的容器。接著,我們使用kintone的JavaScript API獲取該筆紀錄的數據,並通過ECharts生成對應的分析圖表。這個過程中,我們可以設置不同的圖表類型,如折線圖、柱狀圖或餅圖,以便更直觀地展示數據。

此外,為了確保圖表始終顯示最新的數據,我們可以監聽kintone中各個相關欄位的更改事件。
一旦數據發生變動,我們可以自動刷新圖表,確保用戶始終看到的是最新的分析結果。這種即時反應的特性,特別適合需要動態分析的場景,例如價格波動監控、庫存管理等。

透過這樣的開發方式,kintone不僅能夠管理和篩選數據,還能深入到每一筆紀錄中,提供更精細、更動態的數據分析,幫助企業做出更明智的決策。這種靈活的定制化功能讓kintone在處理複雜業務需求時,展現出更大的潛力和價值。


上一篇
Day 05 | kintone & ECharts ①
下一篇
Day 07 | kintone & Tab
系列文
Cybozu 產品 kintone系統的各式應用開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言