在 Angular 圖表中探索階層式資料
鑽取功能可協助你分析多層次的資料,並揭露隱藏洞察、趨勢與更詳盡的資訊。

鑽取(Drill-down)圖表是一種互動式資料視覺化,讓使用者能透過瀏覽多個細節層級來探索階層式資料。這使它成為分析複雜資料集、並揭露隱藏洞察的強大工具。透過點擊圖表中的特定區段或元素,使用者可以動態地沿著階層向下展開,在每個層級中顯示更精細的細節。這種聚焦於特定資料點的「放大」流程,能讓使用者更深入理解資料集中的整體趨勢與關聯性。鑽取圖表特別適合用於分析銷售數據、客群分群,以及比較式績效指標。它能以多種尺度呈現資料,因此能滿足具有不同資料理解程度的使用者,成為資料探索與分析的易用工具。
多個 Angular 圖表元件都提供鑽取支援,包括:
- DevExtreme Chart(DevExpress 的 DevExtreme Complete 一部分)可讓你在多個階層層級上視覺化資料。資料通常會在第一層進行概括,並隨著每個層級逐漸變得更詳細。資料來源會根據不同鑽取檢視的 parentID 進行篩選。
- Highcharts Core 由 Highsoft 提供內建的鑽取支援。對於 column、bar 與 pie 等 series,會出現動畫以協助呈現:被單次點擊的那個點會被提取成鑽取 series。透過將 points 串接到 series,可以套用多層鑽取。
- Wijmo FlexChart(MESCIUS 的 Wijmo 一部分)支援在圖表內進行分組與鑽取:可先顯示已分組到分類中的資料點;當點擊分類時,會重新載入圖表,顯示構成該分組的各個獨立資料點。
- Kendo UI for Angular Chart(Telerik 的 Kendo UI 一部分)包含鑽取功能,讓使用者能點擊某個點(長條、圓餅切片等),以導覽至不同檢視。新的檢視通常會包含與所選項目相關的更細緻資料。
如需更深入了解功能與價格,請瀏覽我們的 Angular Chart 比較。