在线免费观看国产,一本书道dvd一区高清视频 ,无限看片的在

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

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

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

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

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

點擊下載Highcharts最新試用版

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

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

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

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

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

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

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

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

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

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

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

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

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

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

標簽：

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

文章轉載自：

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