dhtmlxDiagram借助自動(dòng)布局和實(shí)時(shí)圖編輯器創(chuàng)建漂亮的交互式圖表-慧都網(wǎng)

下載：49 收藏：10

查看價(jià)格免費(fèi)下載

DHTMLX Diagram (產(chǎn)品編號(hào)：14258)

dhtmlxDiagram有很多漂亮的交互式圖表，只需幾行代碼就能生成任何你需要的圖表。

標(biāo)簽：

開發(fā)商： DHTMLX

當(dāng)前版本： v6.0.3

產(chǎn)品類型：控件

產(chǎn)品功能：圖表

平臺(tái)語(yǔ)言：JavaScript

開源水平：不提供源碼

本產(chǎn)品的分類與介紹僅供參考，具體以商家網(wǎng)站介紹為準(zhǔn)，如有疑問(wèn)請(qǐng)來(lái)電 023-68661681 咨詢。

dhtmlxDiagram是一個(gè)隨時(shí)可用的庫(kù)，只需幾行代碼就能生成任何你需要的圖表。借助自動(dòng)布局和實(shí)時(shí)圖編輯器，以整齊的層次結(jié)構(gòu)可視化復(fù)雜數(shù)據(jù)。JavaScript dhtmlxDiagram可以向Web應(yīng)用程序中添加漂亮的交互式圖表，圖表和圖形。借助這種輕巧而快速的組件，您的數(shù)據(jù)將以清晰直觀的方式表示。

* 關(guān)于本產(chǎn)品的分類與介紹僅供參考，精準(zhǔn)產(chǎn)品資料以官網(wǎng)介紹為準(zhǔn)，如需購(gòu)買請(qǐng)先行測(cè)試。

JavaScript Diagram功能

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

JavaScript圖庫(kù)

DHTMLX Diagram js庫(kù)包含各種節(jié)點(diǎn)和連接器，可根據(jù)您的目標(biāo)構(gòu)建圖。以下是您可以使用我們的組件創(chuàng)建圖表類型的一些示例。

維恩圖

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

添加正在研究的幾組對(duì)象
定義它們的共同特征和區(qū)別
使用不同的顏色設(shè)置場(chǎng)景樣式，可實(shí)現(xiàn)高效可視化

醫(yī)院組織結(jié)構(gòu)圖-醫(yī)療層次結(jié)構(gòu)

我們的JavaScript組織結(jié)構(gòu)圖的定制提供了很多可能性。組織結(jié)構(gòu)圖卡包括圖像、文本標(biāo)簽、圖標(biāo)、菜單和任何其他自定義元素。

展開和折疊組織結(jié)構(gòu)圖分支
為形狀配備菜單項(xiàng)
放大和縮小以查看所有組織結(jié)構(gòu)圖詳細(xì)信息

UML類圖

軟件工程師經(jīng)常用UML類圖來(lái)繪制他們需要開發(fā)的系統(tǒng)。這種JS圖表類型有助于在開發(fā)過(guò)程開始之前構(gòu)建系統(tǒng)模型及其所有類和對(duì)象。

繪制任何復(fù)雜的系統(tǒng)
在形狀內(nèi)指定類名稱，屬性和方法
在連接器的幫助下連接形狀以顯示它們之間的關(guān)系

網(wǎng)絡(luò)圖

我們的網(wǎng)絡(luò)圖描繪了一個(gè)服務(wù)器網(wǎng)絡(luò)系統(tǒng)，并顯示了各種網(wǎng)絡(luò)元素（例如遠(yuǎn)程計(jì)算機(jī)，數(shù)據(jù)庫(kù)，云存儲(chǔ)服務(wù)等）之間的連接。

通過(guò)HTML模板添加所需的網(wǎng)絡(luò)形狀
找到它們并根據(jù)您的網(wǎng)絡(luò)結(jié)構(gòu)相互連接
提供文字標(biāo)簽以解釋形狀的含義

垂直決策樹圖

能以多種方式應(yīng)用決策樹圖，不僅用于決策制定，還可以用于實(shí)現(xiàn)公司的任何其他目標(biāo)。例如，垂直決策樹可用于顯示應(yīng)用程序的功能或任何工作過(guò)程的步驟。

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

流程圖

可以在流程圖中創(chuàng)建復(fù)雜的圖表結(jié)構(gòu) 。如果你想詳細(xì)了解用戶如何與你的網(wǎng)站進(jìn)行交互，或者深入了解任何其他流程步驟，這種類型的圖將最適合你。

從各種形狀中進(jìn)行選擇，例如準(zhǔn)備，數(shù)據(jù)庫(kù)，子例程和許多其他形狀
使用箭頭和“or”形狀構(gòu)建幾種方案
應(yīng)用水平布局以使圖表易于閱讀

活動(dòng)圖

使用活動(dòng)圖對(duì)業(yè)務(wù)流程進(jìn)行建模很簡(jiǎn)單。您可以輕松地將所有活動(dòng)整合到一個(gè)一致的方案中，該方案將作為方便說(shuō)明性的工具，滿足您的需求。

選擇與您的目標(biāo)相對(duì)應(yīng)的形狀，例如開始，結(jié)束，文檔形狀
用適當(dāng)?shù)倪B接器鏈接您的業(yè)務(wù)流程步驟
設(shè)想所有可能的解決方案，在元素旁添加注釋

決策樹

為公司找到正確解決方案的最便捷方法之一是通過(guò)決策樹圖以圖形方式比較不同的選擇。圖表的樹狀結(jié)構(gòu)可幫助您反映業(yè)務(wù)決策以及費(fèi)用并得出結(jié)論。

為做出的每個(gè)決定創(chuàng)建單獨(dú)的分支
添加細(xì)節(jié)，例如執(zhí)行決策所需的時(shí)間和資源
使您的JavaScript圖表豐富多彩

框圖

如果需要概述某些流程或系統(tǒng)，則可以利用框圖來(lái)廣泛查看所討論的問(wèn)題。這種類型的HTML圖表避免了太多細(xì)節(jié)，對(duì)于描述整個(gè)過(guò)程非常有幫助。

將簡(jiǎn)單的矩形標(biāo)簽標(biāo)記為某些系統(tǒng)/過(guò)程零件
將所有元素置于水平和/或垂直范圍
繪制連接并添加注釋以顯示元素之間的關(guān)系

組織圖

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

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

DHTMLX JS Diagram編輯器可以做什么

觀看4個(gè)短視頻，了解我們的JavaScript Diagram編輯器的主要功能

...

應(yīng)用自動(dòng)圖布局

添加您需要的任何自定義形狀

用JSON導(dǎo)出/導(dǎo)入圖

搜索特定形狀

為什么選擇DHTMLX JS / HTML5 Diagram?

DHTMLX Diagram是一個(gè)JavaScript圖庫(kù)，用于向您的Web應(yīng)用程序添加漂亮的交互式圖。

高性能

我們的JavaScript Diagram框架將幫助您使用任意數(shù)量的節(jié)點(diǎn)和連接器可視化數(shù)據(jù)。該組件非常輕巧，可提供快速渲染和高性能。DHX Diagram js庫(kù)可在所有現(xiàn)代Web瀏覽器中無(wú)縫運(yùn)行：Google Chrome，F(xiàn)irefox，IE11 +，Safari。

使用方便

可以輕松地將此HTML5圖表庫(kù)集成到任何Web應(yīng)用程序中。它是純JavaScript，并且以JSON格式加載數(shù)據(jù)，并且可以與任何服務(wù)器端技術(shù)完美配合使用。我們還提供導(dǎo)出服務(wù)，以將您最終的組織結(jié)構(gòu)圖或圖表導(dǎo)出為PDF或PNG。

靈活的可視化

我們的JavaScript圖庫(kù)可以創(chuàng)建預(yù)定義和自定義圖類型。您可以在一個(gè)圖中使用文本節(jié)點(diǎn)，帶有圖像的節(jié)點(diǎn)或混合類型的節(jié)點(diǎn)?？偠灾?0多種形狀可用于構(gòu)建您需要的任何圖表類型。此外，您可以借助HTML模板添加自定義形狀。