devextreme chart configure svg patterns

DevExtreme のチャート - 外観をカスタマイズするためにさまざまな SVG パターンを構成する方法

この例では、さまざまな SVG パターンを構成してグラフの外観をカスタマイズする方法を示します。

この機能はさまざまな方法で実装できます。たとえば、customizePoint 関数を追加し、パターン参照を必要なポイント カラーに割り当てます。

チャートの色のオプションにパターンを直接追加することもできます。たとえば、series.color プロパティを使用します。

背景色としてグラデーション パターンを追加する必要がある場合は、それを commonPaneSettings.backgroundColor プロパティに渡します。

レビューするファイル

• jQuery
  • src.js
  • インデックス.html
• 角度のある
  • アプリ.コンポーネント.html
  • app.component.ts
• ヴュー
  • App.vue
• 反応する
  • App.js
• ネットコア
  • インデックス.cshtml

ドキュメント

• カスタマイズポイント()
• 色
• 背景色

デモ

• チャート - ポイント画像
• チャート - カスタム凡例マーカー

この例は開発要件/目的に対応していますか?

(応答を送信するために DevExpress.com にリダイレクトされます)