バージョン

XamSparkline の機能

トピックの概要

目的

このトピックは、 XamSparkline™ コントロールの構成可能な視覚要素とこれらの視覚要素を管理する機能の概要を提供します。

前提条件

以下の表に、このトピックを理解するための前提条件として求められるトピックをリストします。

トピック 目的

このトピックは、 XamSparkline コントロールの概要、その利点、およびサポートされるチャート タイプを提供します。

概要

XamSparkline 視覚要素と機能の紹介

XamSparkline コントロールには複数の視覚要素と、これらの要素を構成およびカスタマイズするために使用可能な対応する機能があります。他のチャート コントロールと比較したスパークラインの利点は、グリッド セルなどの限られたスペースに、そのすべてのビジュアル要素を表示できることです。そのために、スパークラインではデータ ポイントのすべてのラベルを表示できません。Y 軸上には最大値と最小値のみを表示でき、X 軸には最初の値と最後の値のみを表示できます。

スパークラインには、最高、最低、最初、最後、そして負の値を示す楕円形のアイコンによってデータ ポイントをマークする機能があります。マーカーは、任意のシェイプ色、または画像でカスタマイズできます。

(X/Y) 軸を表示できます。これは、チャート サイズを縮小して軸とラベルの領域を確保することで、チャートから場所を取ります。

XamSparkline の構成可能な視覚要素と関連プロパティ

構成可能な視覚要素の概要

以下のスクリーンショットは、 XamSparkline コントロールの視覚要素を示しています。プロパティを通して構成できる要素を以下にリストします。既定では、これらの視覚要素のいずれも表示されません。

Sparkline Visual Elements 1.png

構成可能な視覚要素:

  • マーカー

  • 近似曲線

  • 標準範囲

  • 不明な値

  • ツールチップ

構成可能な視覚要素および関連プロパティ

以下の表は、 XamSparkline コントロールの視覚要素とそれらを構成するプロパティの関係を示しています。

視覚要素 プロパティ

マーカー

近似曲線

標準範囲

プロットされたまたはプロットされていない不明な値

ツールチップ

Tooltip

XamSparkline 機能の概要

機能概要チャート

以下の表は、 XamSparkline コントロールの主な機能をまとめています。機能の詳細は、表に続くテキスト ブロックで説明しています。

機能 画像 説明
Sparkline Visual Elements 2.png

マーカーは、X/Y 座標に基づいて個別のデータ ポイントを示すために、スパークライン上にオーバーレイ表示されたシンボルです。

Sparkline Visual Elements 3.png

近似曲線は、始点から終点まで描画された線で、シリーズのトレンド性と動向を示します。その結果、データの傾向を評価し、過去の値、未来の値、不明な値を頭の中で予想できます。

Sparkline Visual Elements 4.png

標準範囲は、データを視覚化しているときに、あらかじめ定義された意味のある範囲を表す水平方向に延びる背景の縞模様です。

Sparkline Visual Elements 5.png

XamSparkline は不明な値 ( null または double.NaN ) を検出し、指定された補間アルゴリズムを通して不明な値のスペースを描画できます。

Sparkline Visual Elements 6.png

XamSparkline では、X 軸と Y 軸 (両方またはいずれか) を、対応するラベルとともに表示できます。

Sparkline Visual Elements 7.png

XamSparkline では、マウスをスパークラインの上に置いたときに、ヒントを表示できます。

マーカー

マーカーの概要

マーカーは単一のデータ ポイントの上に重なり合ったシンボルで、X/Y 座標に基づいてチャートにプロットされた個々のデータ ポイントを示します。

Sparkline Visual Elements 8.png

XamSparkline のマーカーは、データまたはデータ ポイントの位置に基づいてデータ ポイントを識別する場合に指定できます。

マーカー タイプ

以下の表は、サポートされているマーカー タイプを表示します。

マーカー タイプ 画像 説明

すべてのデータ ポイント

Sparkline Visual Elements 9.png

マーカーはすべてのデータ ポイント上に表示されます。

最初および最後のデータ ポイント

Sparkline Visual Elements 10.png

最初のデータ ポイントと最後のデータ ポイント上に 2 つのマーカーが表示されます。

上および下のデータ ポイント

Sparkline Visual Elements 11.png

最高値のデータ ポイントと最低値のデータ ポイント上に 2 つのマーカーが表示されます。

負のデータ ポイント

Sparkline Visual Elements 12.png

マーカーは負のデータ ポイント上に表示されます。負のデータ ポイントが複数存在する場合は、それらすべてがマークされます。

関連トピック:

近似曲線

近似曲線の概要

近似曲線は、始点から終点まで描画された線で、シリーズのトレンド性と動向を示します。その結果、データの傾向を評価し、過去の値、未来の値、不明な値を頭の中で予想できます。

Sparkline Visual Elements 13.png

近似曲線機能により、トレンド性向ラインを生成する複数の数式を選択できます。数式は TrendLineType プロパティで指定します。シリーズ データがいつでも見えるよう、近似曲線はそのデータの前に描画されます。

サポートされている近似曲線のタイプ

以下の表は、サポートされている近似曲線のタイプを表示します。各近似曲線は、そのタイプの計算式に基づいて描画されます。

近似曲線タイプ 画像 説明 TrendLineType プロパティ設定

単純平均

Sparkline Visual Elements 14.png

単純平均は数のセットです。それぞれが対応するデータ ポイントのサブセットの平均値です。単純移動平均とも呼ばれています。

SimpleAverage

修正平均

Sparkline Visual Elements 15.png

修正平均は、設定された期間の移動平均を示します。トレンドの方向を強調し、変動を滑らかにする場合に使用します。

ModifiedAverage

指数平均

Sparkline Visual Elements 16.png

指数平均は単純平均と似ていますが、重み係数が追加されています。このタイプの平均は、最新のトレンド変化に迅速に反応すると言われています。

ExponentialAverage

累加平均

Sparkline Visual Elements 17.png

累加平均は、現在のポイントまでのすべてのデータの平均を計算し、データ ポイントを並べたものです。

CumulativeAverage

加重平均

Sparkline Visual Elements 18.png

加重平均は、異なる場所にあるデータに重みを与える乗率を持つ任意の平均です。

WeightedAverage

キュービック フィット

Sparkline Visual Elements 19.png

多項式数学関数を使用して、キュービック フィット近似曲線をシリーズで指定します。

CubicFit

指数フィット

Sparkline Visual Elements 20.png

指数数学関数を使用して、指数フィット近似曲線をシリーズで指定します。

ExponentialFit

ライン フィット

Sparkline Visual Elements 21.png

最もフィットした直線の近似曲線です。

LineFit

対数フィット

Sparkline Visual Elements 22.png

最もフィットした曲線です。データの変化率が素早く増減し、平均になった場合に使用されます。このタイプの近似曲線は、データば十分ある場合に非常に便利です。

LogarithmicFit

べき乗フィット

Sparkline Visual Elements 23.png

べき乗近似曲線は、べき関数で線を描画する曲線です。べき関数ではゼロ点は有効でないため、ゼロ (0) 点を避けるのが良いでしょう。スパークラインはエラーを起こすことなくゼロ点をプロットしますが、べき乗近似曲線の視点から見ると、結果は正確でなくなります。べき乗近似曲線は、特定の率で増加する測定値を比較するデータ セットに便利です。

PowerLowFit

二次フィット

Sparkline Visual Elements 24.png

二次方程式を使用して、近似曲線を形成します。線形曲線の精度で、高データ ポイントと低データ ポイントの効果全体を示します。

QuadraticFit

四次フィット

Sparkline Visual Elements 25.png

四次多項式を使用して、近似曲線をシリーズで指定します。

QuarticFit

五次フィット

Sparkline Visual Elements 26.png

五次多項式を使用して、近似曲線をシリーズで指定します。

QuinticFit

関連トピック:

標準範囲

標準範囲の概要

標準範囲は、データを視覚化しているときに、あらかじめ定義された意味のある範囲を表す水平方向に延びる背景の縞模様です。

Sparkline Visual Elements 4.png

標準範囲は一般的に、どの値が正常または良好と見なされるか示す場合に使用します。たとえば、スパークラインが時間の経過とともに人の鼓動を表している場合、1 分間当たり 60 ~ 100 拍の標準範囲が標準として強調表示されるため、この範囲外のデータ ポイントは簡単に識別できます。

範囲の幅と位置は NormalRangeMinimum プロパティと NormalRangeMaximum プロパティによって決定されます。

関連トピック:

不明な値の補間

不明な値の補間の概要

XamSparkline は不明な値を検出し、指定された補間アルゴリズムを通して不明な値のスペースを描画できます。

データに欠けている値がある場合 (通常、データに見られる「不明な」値は null および double.NaN )、 XamSparkline は線形補間により不明な値のあるスペースに描画できます。以下の表は、Unknown Values Plotting を使用した場合と使用しない場合の、(欠けている値を含む) 同じデータ セットからプロットされたスパークラインの違いを示しています。

不明な値のプロットを適用したか? プレビュー

いいえ

Sparkline Visual Elements 28.png

はい

Sparkline Visual Elements 29.png

この機能は UnknownValuePlotting プロパティで制御します。指定できる値は DontPlot および LinearInterpolate です。

サポートされる Sparkline のタイプ

以下のスパークライン タイプが Unknown Values Plotting をサポートしています。

  • Area

  • Line

Column 型と Win/Loss 型は不明な値を補間しません。これらのスパークライン タイプは常に、不明な値が存在するブランク スペースを表示します。

関連トピック:

軸の概要

Sparkline により対応するラベルとともに X 軸と Y 軸 (両方またはそのいずれか一方) を表示できます。

Sparkline Visual Elements 30.png
Sparkline Visual Elements 31.png
Sparkline Visual Elements 32.png

軸のカスタマイズ

XamSparkline コントロールの軸は、以下の点でカスタマイズできます。

  • 可視性

X 軸と Y 軸の可視性は個別のプロパティ (それぞれ HorizontalAxisVisibilityVerticalAxisVisibility) で管理されるため、その 1 つだけ表示させることができます。

  • ラベル

    • ラベル テキスト

記述的なラベルを X 軸に追加できます。この機能は LabelMemberPath プロパティで制御します。

  • ラベルのフォント

ラベルのフォントは一般的なフォント関連のコントロール プロパティを使用してカスタマイズできます: Foreground, FontFamilyFontSizeFontStyle および FontStretch。したがって、軸ごとに異なるフォントを使用することはできません。

関連トピック:

ヒント

ヒントの概要

XamSparkline では、マウスをスパークラインの上に置いたときに、ヒントを表示できます。ヒントは、高、低、最初、および最後の各データ ポイントを表示するよう設計されています。

Sparkline Visual Elements 33.png

ヒントは ToolTip プロパティで制御します。

ヒントのカスタマイズ

XamSparkline のヒントは、以下の点でカスタマイズできます。

  • ラベル テキスト

  • ラベルのフォント

  • ラベルの色

  • フォント サイズ

ツールチップのカスタマイズの詳細については、 「ツールチップの構成」のトピックを参照してください。

関連トピック:

トピック

以下のトピックでは、このトピックに関連する情報を提供しています。

トピック 目的

このトピックは、 XamSparkline コントロールの概要、その利点、およびサポートされるチャート タイプを提供します。

このトピックは、 XamSparkline™ コントロールを構成できる方法の概要を提供します。詳細な構成へのリンク(別個のトピックで使用可能)も提供されます。

このトピックは、 XamSparkline™ コントロールの主なプロパティを説明します。