DevExtreme Vue Diagram

DevExpressFerramentas de DiagramaçãoJavaScript

Crie diagramas interativos e orientados por dados dentro de aplicações Vue.

  • Crie e edite diagramas usando um componente Vue.
  • Vincule nós do diagrama a diversas fontes de dados com facilidade.
  • Personalize layouts, estilos e formas com flexibilidade.
DevExpress logo

Preços a partir de:

Carregando...
Disponível em
DevExtreme CompleteCarregando
DevExpress DXperienceCarregando
DevExpress UniversalCarregando
DevExpress VCL Subscription +Carregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto DevExtreme Vue Diagram
DevExtreme Vue Diagram oferece aos desenvolvedores um componente para visualizar fluxos de trabalho, organogramas e relacionamentos de dados em aplicações web e móveis baseadas em Vue. Ele oferece suporte a vinculação abrangente de dados com várias estruturas de dados, algoritmos automatizados de layout e ampla personalização de formas e conectores, possibilitando diagramas interativos ricos que respondem a dados dinâmicos.

Easy Diagram Integration

Adicione o componente Diagram em aplicações Vue, com suporte ao uso completo dos recursos e estilos da interface DevExtreme UI.

Comprehensive Data Binding

Vincule nós do diagrama a arrays ou repositórios de dados com expressões de chave, pai e personalizadas, facilitando visualizações de dados dinâmicas e hierárquicas.

Auto Layout Algorithms

Utilize opções de layout predefinidas, como estruturas em camadas e em árvore, para organizar automaticamente os nós do diagrama com clareza e usabilidade.

Customizable Node Appearance

Configure estilos de nós, texto, imagens, tamanhos e z-indexes dinamicamente por meio de campos da fonte de dados ou expressões personalizadas para atender às necessidades da aplicação.

Interactive Editing Tools

Permita que os usuários adicionem, movam, bloqueiem ou editem formas e conexões com recursos de UI intuitivos, com suporte a desfazer/refazer e operações de área de transferência.

Expandable Toolbox and Properties Panel

Ofereça bibliotecas de formas e configurações de propriedades personalizáveis na UI para adaptar a experiência de desenho e as configurações dos nós.

Multi-Platform Support

Projetado para funcionar responsivamente em plataformas web e móveis com Vue, garantindo a funcionalidade do diagrama em diversos ambientes.

Export and Print

Salve e exporte diagramas como JSON, imagens ou gráficos vetoriais escaláveis, facilitando o compartilhamento e a integração com outros sistemas.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Vue.js