日韩伦理一区二区,不卡在线播放,金钱万能4

漂亮的交互式圖表dhtmlxDiagram上線啦！免費下載

原創|行業資訊|編輯：楊鵬連|2020-10-27 15:43:51.953|閱讀 380 次

概述：JavaScript dhtmlxDiagram允許您向Web應用程序中添加漂亮的交互式圖表，圖表和圖形。借助這種輕巧而快速的組件，您的數據將以清晰直觀的方式表示。

dhtmlxDiagram是一個圖表庫，只需幾行代碼就能生成任何你需要的圖表。借助自動布局和實時圖編輯器，以整齊的層次結構可視化復雜數據。JavaScript dhtmlxDiagram允許您向Web應用程序中添加漂亮的交互式圖表，圖表和圖形。借助這種輕巧而快速的組件，您的數據將以清晰直觀的方式表示。

點擊下載dhtmlxDiagram試用版

為什么選擇DHTMLX JS / HTML5 Diagram?

DHTMLX Diagram是一個JavaScript圖庫，用于向您的Web應用程序添加漂亮的交互式圖。

高性能

我們的JavaScript Diagram框架將幫助您使用任意數量的節點和連接器可視化數據。該組件非常輕巧，可提供快速渲染和高性能。DHX Diagram js庫可在所有現代Web瀏覽器中無縫運行：Google Chrome，Firefox，IE11 +，Safari。

使用方便

可以輕松地將此HTML5圖表庫集成到任何Web應用程序中。它是純JavaScript，并且以JSON格式加載數據，并且可以與任何服務器端技術完美配合使用。我們還提供導出服務，以將您最終的組織結構圖或圖表導出為PDF或PNG。

靈活的可視化

我們的JavaScript圖庫可以創建預定義和自定義圖類型。您可以在一個圖中使用文本節點，帶有圖像的節點或混合類型的節點?？偠灾?0多種形狀可用于構建您需要的任何圖表類型。此外，您可以借助HTML模板添加自定義形狀。

便捷的現場編輯

您可以更改圖表外觀，而無需在編輯模式下進行編碼。有兩種類型的編輯器：用于組織結構圖和其他圖，例如流程圖，活動圖，方框圖，樹形圖等。通過編輯器，您可以即時添加，刪除和自定義所有組件。它們還使您能夠以JSON格式導出圖。

JavaScript Diagram功能

Live Diagram 和Org圖表編輯器可快速安排圖表
可編輯和不可編輯模式
分組處理形狀（選擇，復制，移動，刪除）
組織結構圖和圖表形狀的自動布局（自動放置）模式
簡單創建自定義形狀即可滿足您的需求
展開和折疊形狀
跨瀏覽器支持（IE11 +）
組織結構圖和圖編輯器的本地化
搜索功能
便捷的API
縮放時更改模板
根據您的需求輕松定制
導出為PDF和PNG
JSON格式的數據導入/導出
大型數據集的高性能

JavaScript圖庫

DHTMLX Diagram js庫包含各種節點和連接器，可根據您的目標構建圖。以下是您可以使用我們的組件創建圖表類型的一些示例。

維恩圖

維恩圖是幾組對象之間邏輯關系的示意圖。此圖類型包括幾組，它們彼此部分重疊。在定義可能的共性和差異以及尋求最佳解決方案的各個可能領域中，維恩圖很有用。

添加正在研究的幾組對象
定義它們的共同特征和區別
使用不同的顏色設置場景樣式，可實現高效可視化

UML類圖

軟件工程師經常用UML類圖來繪制他們需要開發的系統。這種JS圖表類型有助于在開發過程開始之前構建系統模型及其所有類和對象。

繪制任何復雜的系統
在形狀內指定類名稱，屬性和方法
在連接器的幫助下連接形狀以顯示它們之間的關系

網絡圖

我們的網絡圖描繪了一個服務器網絡系統，并顯示了各種網絡元素（例如遠程計算機，數據庫，云存儲服務等）之間的連接。

通過HTML模板添加所需的網絡形狀
找到它們并根據您的網絡結構相互連接
提供文字標簽以解釋形狀的含義

垂直決策樹圖

能以多種方式應用決策樹圖，不僅用于決策制定，還可以用于實現公司的任何其他目標。例如，垂直決策樹可用于顯示應用程序的功能或任何工作過程的步驟。

利用類似于流程圖的形狀在JavaScript diagram中創建特殊的順序和層次結構
突出顯示一些零件，為形狀選擇不同的顏色
繪制箭頭以顯示圖元素之間的關系

流程圖

可以在流程圖中創建復雜的圖表結構。如果你想詳細了解用戶如何與你的網站進行交互，或者深入了解任何其他流程步驟，這種類型的圖將最適合你。

從各種形狀中進行選擇，例如準備，數據庫，子例程和許多其他形狀
使用箭頭和“or”形狀構建幾種方案
應用水平布局以使圖表易于閱讀

活動圖

使用活動圖對業務流程進行建模很簡單。您可以輕松地將所有活動整合到一個一致的方案中，該方案將作為方便說明性的工具，滿足您的需求。

選擇與您的目標相對應的形狀，例如開始，結束，文檔形狀
用適當的連接器鏈接您的業務流程步驟
設想所有可能的解決方案，在元素旁添加注釋

決策樹

為公司找到正確解決方案的最便捷方法之一是通過決策樹圖以圖形方式比較不同的選擇。圖表的樹狀結構可幫助您反映業務決策以及費用并得出結論。

為做出的每個決定創建單獨的分支
添加細節，例如執行決策所需的時間和資源
使您的JavaScript圖表豐富多彩

框圖

如果需要概述某些流程或系統，則可以利用框圖來廣泛查看所討論的問題。這種類型的HTML圖表避免了太多細節，對于描述整個過程非常有幫助。

將簡單的矩形標簽標記為某些系統/過程零件
將所有元素置于水平和/或垂直范圍
繪制連接并添加注釋以顯示元素之間的關系

組織圖

組織圖是最廣泛使用的圖類型之一，用于描述組織的結構和層次結構。我們的組織結構圖支持許多有用的功能，例如嵌入圖片或隱藏您選擇的卡片。

為您的組織定義水平，垂直或矩陣結構
自定義不同位置的卡片樣式
利用編輯器模式輕松修改HTML5圖表的外觀

使用簡單的代碼創建任何JS圖形狀

diagram.addShape("networkCard", {
  template: config => (
    `
     ${config.title} ${config.text} `
  ),
  defaults: {
    width: 160,
    height: 160,
    img: "../network_image/desktop.svg",
    title: "I’m custom shape",
    text: "With two text lines"
  }
});

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

想要購買dhtmlxDiagram正版授權，或了解慧都APS系統請點擊