日韩精品亚洲精品第一,www日本视频色色,91在线欧美

開源圖表庫Highcharts教程：如何創建桑基圖?

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

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

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

點擊下載Highcharts最新試用版

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

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

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

Apple Inc.總資產的構成9/29/2020

如何用Highcharts創建Sakey圖？

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

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

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

要在任何列上設置節點，請使用選項column，并在y軸上使用offset選項來調整節點。

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

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

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

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

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

標簽：

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

文章轉載自：

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

相關產品

控件

產品功能：圖表

源碼：非開源

產品編號：13328

當前版本：v9.2.2 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： Highsoft

正式授權

">Highcharts

純JavaScript編寫的開源圖表庫，為你的Web應用程序提供直觀的、交互式圖表

最新文章 MORE

金喜正規買球相關的文章 MORE

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

開源圖表庫Highcharts教程：如何創建桑基圖?

用科技創就卓越

Create excellence with technology

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

開源圖表庫Highcharts教程：如何創建桑基圖?

為你推薦

用科技創就卓越

Create excellence with technology