DevExtreme Angular Diagram

DevExpressFerramentas de DiagramaçãoJavaScript

Crie e personalize diagramas interativos dentro de aplicativos Angular.

  • Integre recursos de diagramação diretamente em projetos Angular.
  • Vincule diagramas a várias origens de dados e personalize formas.
  • Utilize amplas ferramentas de UI e templates para interações ricas.
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 Angular Diagram
DevExtreme Angular Diagram é um componente de UI abrangente projetado para visualizar fluxogramas, organogramas e relacionamentos de dados complexos em aplicativos Angular. Ele oferece opções poderosas de vinculação de dados, templates personalizáveis para formas e itens da caixa de ferramentas, além de um conjunto completo de ferramentas interativas para criar diagramas profissionais com facilidade.

Ferramentas de Diagrama

Use ferramentas integradas para gerenciar o layout, a organização das formas, os níveis de zoom, as ações de histórico e outras funcionalidades de diagrama com opções fáceis de configurar.

Templates de Formas

Crie templates SVG personalizados para formas para controlar sua aparência e comportamento, facilitando representações de diagramas personalizadas alinhadas às necessidades do seu aplicativo.

Interface de Arrastar e Soltar

Facilite a interação intuitiva do usuário com recursos de arrastar e soltar para criar e conectar formas, com suporte a linhas auxiliares e recursos de encaixe para precisão.

Vinculação de Dados

O componente suporta a vinculação de diagramas a várias origens de dados, incluindo arrays lineares com chaves e chaves pai definidas, permitindo a renderização automática de nós e relacionamentos.

Templates

Personalize formas da caixa de ferramentas com templates para definir como as formas aparecem na caixa de ferramentas, melhorando a experiência do usuário ao apresentar opções de formas sob medida.

Personalização das Ferramentas de UI

Configure componentes interativos como menus de contexto, painéis de propriedades, caixas de ferramentas e barras de ferramentas para personalizar a experiência de edição do diagrama.

Exportação e Importação

Carregue e salve diagramas no formato JSON e exporte visuais para formatos de imagem como SVG, PNG e JPEG para integração ou documentação.

Design Responsivo e Acessibilidade

Projetado para suportar dispositivos desktop e móveis com suporte a toque e recursos de acessibilidade que atendem a padrões para a disponibilidade de diversos usuários.

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

  • Angular