コンテンツへスキップ
Next Generation Charting & Data Analysis: Chart Toolbar & More

次世代チャート作成とデータ分析:チャートツールバーなど

23.1でプレビューコンポーネントとして導入されたグラフツールバーは、UIアクションのコンパニオンコンテナであり、単独で使用することも、データ チャートコンポーネントやカテゴリ チャートコンポーネントと組み合わせて使用することもできます。これにより、チャート上の事前定義されたプロパティセットから選択するだけで、チャートに表示されるデータに対してより詳細なデータ分析を実行できます。

2min read

23.1でプレビューコンポーネントとして導入されたグラフツールバーは、UIアクションのコンパニオンコンテナであり、単独で使用することも、データ チャートコンポーネントやカテゴリ チャートコンポーネントと組み合わせて使用することもできます。これにより、チャート上の事前定義されたプロパティセットから選択するだけで、チャートに表示されるデータに対してより詳細なデータ分析を実行できます。

これはチャートツールバーの最初のイテレーションであり、リリースごとにツールバーに機能を追加し続けており、追加のコードを記述することなくフル機能のデータ分析機能を実現することを目標としています。チャートツールバーでは、カスタムアクションやアイコンを備えた独自のカスタムボタンを追加することもできます。 チャートツールバー内のツールバー項目のどこにあるかを完全に制御します。

 Chart Toolbar example

ツールバーを追加するコードは簡単で、Target プロパティのグラフを参照するだけです。

グラフにツールバーを追加する方法を説明するコード スニペット

チャートツールバーには、最上位にリセット、ズーム、分析ボタンがあります。

[分析] ボタンには、線、傾向線、系列平均などのすべてのデータ分析機能があります。

データ分析機能(線、トレンドライン、系列平均など)

[線分] サブメニューには、系列の [最大値]、[最小値]、および [平均値] オプションが含まれています。

最大値、最小値、平均値オプションチャートオプション

これらのオプションを選択すると、対応する値が緑、オレンジ、赤の破線でグラフに反映されます。

折れ線グラフの例

Custom Toolbar Actions

チャートツールバーでは、各ボタンのカスタムアイコンとコマンドを使用して、独自のボタンタイプを追加することができます。 使用可能なボタンのリストは次のとおりです。

  • ボタン
  • チェックボックス
  • アイコンボタン
  • Icon Menu
  • ラベル
  • Number Input
  • 無線

これらの各ツールは、マウスクリックとして操作するとトリガーできるOnCommandイベントを公開し、さまざまなツールバープロパティを使用して、新規および既存のツールを再配置して非表示にすることができます。

まとめ

これは、チャート コントロールに直接組み込まれた次世代データ分析と呼ばれるものの始まりにすぎません。このプレビューには、最も一般的に要望の多かった分析機能が付属しています。次のリリースで見たいものがあれば、必ずjasonb@infragistics.comメールを送ってください。同時に、 ツールバー API を実行して、必要なだけ新しい機能を追加してください。

デモを予約