2011-10-07 44 views
16

Tôi cần thư viện javascript/jquery để tạo động đồ thị. Hầu hết các thư viện tôi tìm thấy chỉ để hiển thị.Có thư viện javascript để tạo biểu đồ không?

tôi cần một nơi tôi có thể thêm các nút nút, loại bỏ các nút, theo dõi đường dẫn vv

+7

Mọi người: Ông cho biết đồ thị với nút và các cạnh. Anh ta không cố vẽ một chức năng hoặc vẽ một biểu đồ hình tròn -_- – hugomg

+0

Bạn nói hầu hết các thư viện mà bạn tìm thấy chỉ để hiển thị. Bạn có thể mở rộng về điều đó? Bạn đã tìm thấy thư viện nào và họ không có gì mà bạn đang tìm kiếm? Hầu hết những cái tôi đã sử dụng/tìm thấy được gắn nhãn là công cụ trực quan hóa, nhưng lý tưởng cho việc xây dựng biểu đồ. –

+0

@RobHruska Hầu hết chỉ lấy dữ liệu làm đầu vào và tạo ra một số biểu đồ. Để thêm một nút mới, bạn cần thêm dữ liệu mới và tạo lại biểu đồ. Tôi muốn có một cách để thêm và loại bỏ các yếu tố từ đồ thị theo kiểu thực tế, với những nhu cầu tái sinh này. –

Trả lời

17

jsPlumb

trang trích đoạn: jsPlumb cung cấp một phương tiện cho một nhà phát triển để kết nối trực quan các yếu tố trên trang web của họ. Nó sử dụng SVG hoặc Canvas trong các trình duyệt hiện đại và VML cho các trình duyệt thời kỳ đồ đá. Phiên bản mới nhất - 1.3.3 - có thể được sử dụng với jQuery, MooTools và YUI3. Hỗ trợ đầy đủ trong suốt cho kéo được bao gồm và API là siêu đơn giản.

Hoạt động của dự án khá cao. Yêu cầu một trong số ít thư viện JS khác hoạt động (jQuery, MooTools, YUI). Here are a few demos.

mxGraph

trang trích đoạn: mxGraph rất đơn giản, bạn bao gồm nó như là một liên kết JavaScript trong tập tin HTML của bạn và bạn ngay lập tức có thể truy cập sạch, trình duyệt nguồn gốc chức năng nhất biểu đồ thành phần có sẵn.

WireIt

trang trích đoạn: WireIt là một mã nguồn mở thư viện javascript để tạo ra các giao diện wirable web cho các ứng dụng dataflow, ngôn ngữ lập trình trực quan, mô hình đồ họa, hoặc biên tập đồ thị.

Cytoscape.js

trang trích đoạn: Một mã nguồn mở JavaScript đồ thị thư viện lý thuyết để phân tích và trực quan

+0

jsPlumb rất dễ dàng và tốt. –

2

này có thể phù hợp với nhu cầu của bạn http://www.graphdracula.net/. Nó có một API đơn giản để thêm các nút và các cạnh vào một đối tượng đồ thị. Tôi nghĩ rằng bạn có thể dễ dàng mở rộng trên đầu trang của nó.

+0

API cho rằng có vẻ tốt đẹp và đơn giản, mặc dù dự án dường như đang ở giai đoạn trứng nước. Phiên bản phát hành hiện tại là 0.0.3alpha4. –

+0

Có, đã đồng ý. Dường như nó có các thành phần cần thiết để bắt đầu và mở rộng. –

Các vấn đề liên quan