devextreme chart configure svg patterns

Diagramm für DevExtreme – So konfigurieren Sie verschiedene SVG-Muster zur Anpassung des Erscheinungsbilds

Dieses Beispiel zeigt, wie Sie das Erscheinungsbild des Diagramms anpassen, indem Sie verschiedene SVG-Muster konfigurieren:

Sie können diese Funktionalität auf verschiedene Arten implementieren. Fügen Sie beispielsweise die Funktion „customizePoint“ hinzu und weisen Sie die Musterreferenz der erforderlichen Punktfarbe zu.

Sie können Muster auch direkt zu den Farboptionen des Diagramms hinzufügen. Verwenden Sie beispielsweise die Eigenschaft series.color.

Wenn es erforderlich ist, ein Verlaufsmuster als Hintergrundfarbe hinzuzufügen, übergeben Sie es an die Eigenschaft commonPaneSettings.backgroundColor.

Zu überprüfende Dateien

• jQuery
  • src.js
  • index.html
• Eckig
  • app.component.html
  • app.component.ts
• Vue
  • App.vue
• Reagieren
  • App.js
• NetCore
  • Index.cshtml

Dokumentation

• anpassenPoint()
• Farbe
• Hintergrundfarbe

Demos

• Diagramm - Punktbild
• Diagramm – Benutzerdefinierte Legendenmarkierungen

Entspricht dieses Beispiel Ihren Entwicklungsanforderungen/-zielen?

(Sie werden zu DevExpress.com weitergeleitet, um Ihre Antwort einzureichen.)