devextreme chart configure svg patterns

Chart for DevExtreme - Comment configurer différents modèles SVG pour la personnalisation de l'apparence

Cet exemple montre comment personnaliser l'apparence du graphique en configurant différents modèles SVG :

Vous pouvez implémenter cette fonctionnalité de différentes manières. Par exemple, ajoutez la fonction personnaliserPoint et attribuez la référence de motif à la couleur de point requise.

Vous pouvez également ajouter des motifs directement aux options de couleur du graphique. Par exemple, utilisez la propriété series.color.

S'il est nécessaire d'ajouter un motif de dégradé comme couleur d'arrière-plan, transmettez-le à la propriété commonPaneSettings.backgroundColor.

Fichiers à examiner

• jQuery
  • src.js
  • index.html
• Angulaire
  • app.component.html
  • app.component.ts
• Vue
  • App.vue
• Réagir
  • App.js
• NetCore
  • Index.cshtml

Documentation

• personnaliserPoint()
• couleur
• Couleur de fond

Démos

• Graphique - Image ponctuelle
• Graphique - Marqueurs de légende personnalisés

Cet exemple répond-il à vos exigences/objectifs de développement ?

(vous serez redirigé vers DevExpress.com pour soumettre votre réponse)