91短视频版在线,欧美天天拍在线,岛国精品网址

開源圖表庫Highcharts教程：如何創(chuàng)建桑基圖?

翻譯|使用教程|編輯：楊鵬連|2020-12-22 10:32:55.407|閱讀 838 次

概述：在本教程中，我將以一種簡單的方式解釋什么是Sankey圖以及如何使用Highcharts創(chuàng)建它。

Highcharts是一款純JavaScript編寫的圖表庫，為你的Web網(wǎng)站、Web應(yīng)用程序提供直觀、交互式圖表。當(dāng)前支持折線、曲線、區(qū)域、區(qū)域曲線圖、柱形圖、條形圖、餅圖、散點(diǎn)圖、角度測量圖、區(qū)域排列圖、區(qū)域曲線排列圖、柱形排列圖、極坐標(biāo)圖等幾十種圖表類型。

點(diǎn)擊下載Highcharts最新試用版

在本教程中，我將以一種簡單的方式解釋什么是Sankey圖以及如何使用Highcharts創(chuàng)建它。

Sankey圖表可方便地說明不同級別的多個元素之間的數(shù)據(jù)流（演示：2017年美國能源消耗的估計流量）以及一個或多個元素的數(shù)據(jù)組成（演示：Apple Inc.的構(gòu)成。總資產(chǎn)9/29 / 2020年）。Sankey圖使節(jié)點(diǎn)和鏈接可視化。節(jié)點(diǎn)之間的鏈接寬度與流量大小成正比。

2017年美國能源消耗的估計流量

Apple Inc.總資產(chǎn)的構(gòu)成9/29/2020

如何用Highcharts創(chuàng)建Sakey圖？

如前所述，使用Highcharts創(chuàng)建Sankey圖很簡單；您首先要使用下的三個參數(shù)寫下節(jié)點(diǎn)結(jié)構(gòu)data。例如，如果節(jié)點(diǎn)A向節(jié)點(diǎn)B提供數(shù)量為10個單位的數(shù)據(jù)流，則我們的數(shù)據(jù)結(jié)構(gòu)將為["node A", "node B", 10]，那就是那樣，簡單明了。

默認(rèn)情況下，Highcharts引擎負(fù)責(zé)節(jié)點(diǎn)的布局定位。該引擎從左到右，然后按照它們在數(shù)據(jù)結(jié)構(gòu)中的出現(xiàn)從上到下，將具有類似節(jié)點(diǎn)提供者的節(jié)點(diǎn)收集并放置在同一列中。

此外，Highcharts提供了兩個方便的選項(xiàng)來重新排列布局以定制您的需求。

要在任何列上設(shè)置節(jié)點(diǎn)，請使用選項(xiàng)column，并在y軸上使用offset選項(xiàng)來調(diào)整節(jié)點(diǎn)。

nodes: [
        {
          id: "Electricity & Heat",
          color: "#ffa500",
          offset: -110
        },
        {
          id: "Residential",
          color: "#74ffe7",
          column: 2,
          offset: 50
        },
...

可以訪問Sankey圖以適合視覺障礙的用戶。通過使用常識選擇正確的顏色和選項(xiàng)來突出顯示節(jié)點(diǎn)和鏈接（示例：Apple Inc.（AAPL）資產(chǎn)負(fù)債表9/29/2020）：

現(xiàn)在，您準(zhǔn)備創(chuàng)建自己的Sankey圖，以可視化各個部門（例如能源，供應(yīng)鏈管理，金融等）中的數(shù)據(jù)流或組成。

APS幫助提升企業(yè)生產(chǎn)效率，真正實(shí)現(xiàn)生產(chǎn)計劃可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場景的生產(chǎn)計劃，提高準(zhǔn)時交貨能力，提高產(chǎn)能和資源利用率

想要購買Highcharts正版授權(quán)，或了解更多產(chǎn)品信息請點(diǎn)擊

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：

上一篇：BI工具 Qlik 教程：為用戶目錄連接器配置和測試LDAP篩選器下一篇：VDF常見問題整理（六十二）：如何對圖層的實(shí)體進(jìn)行排序，使其顯示在其他圖層的實(shí)體上方