devextreme chart configure svg patterns

Gráfico para DevExtreme – Como configurar diferentes padrões SVG para personalização de aparência

Este exemplo demonstra como personalizar a aparência do gráfico configurando diferentes padrões SVG:

Você pode implementar essa funcionalidade de várias maneiras. Por exemplo, adicione a função customizePoint e atribua a referência do padrão à cor do ponto necessária.

Você também pode adicionar padrões diretamente às opções de cores do gráfico. Por exemplo, use a propriedade series.color.

Caso seja necessário adicionar um padrão gradiente como cor de fundo, passe-o para a propriedade commonPaneSettings.backgroundColor.

Arquivos para revisar

• jQuery
  • src.js
  • index.html
• Angular
  • app.component.html
  • app.component.ts
• Vista
  • Aplicativo.vue
• Reagir
  • Aplicativo.js
• Net Core
  • Índice.cshtml

Documentação

• personalizarPonto()
• cor
• cor de fundo

Demonstrações

• Gráfico - Imagem de ponto
• Gráfico - Marcadores de legenda personalizados

Este exemplo atende aos seus requisitos/objetivos de desenvolvimento?

(você será redirecionado para DevExpress.com para enviar sua resposta)