5.20241.9

チャート:近似曲線

wijmo.chart.analyticsモジュールには、Seriesクラスを拡張して、近似曲線、移動平均、誤差範囲、箱プロット、ウォータフォールプロット、関数プロットなど、データに関する追加情報を提供するクラスが含まれます。

TrendLineクラスは、通常のSeriesクラスを拡張して、選択したデータとパラメータに基づいて計算された系列を提供します。複数のタイプの近似曲線がサポートされ、これには、多項式、累乗、対数、指数、フーリエなどの関数によって近似的にデータの傾向を表す回帰近似曲線が含まれます。線形、最小、最大、平均などの非回帰近似曲線もサポートされます。

近似曲線をチャートに追加するには、次の手順に従います。

  1. 1つ以上のTrendLineオブジェクトを作成します。
  2. bindingchartTypestyleなどのプロパティを設定して、通常の系列と同様にTrendLineオブジェクトを構成します。
  3. TrendLineのfitTypeプロパティとorderプロパティを設定して、作成する近似曲線のタイプを指定します。orderプロパティは、フーリエタイプと多項式タイプにのみ適用されます。

例:

import * as chart from '@mescius/wijmo.chart';
import * as analytics from '@mescius/wijmo.chart.analytics';

// 近似曲線を作成して、チャート系列コレクションに追加します
var trendLine = new analytics.TrendLine();
trendLine.binding = 'y';
trendLine.style = { stroke: 'darkred', strokeWidth: 3 };
trendLine.fitType = 'Fourier';
trendLine.name = 'フーリエ';
trendLine.order = 3;
trendLine.visibility = 'Visible';
myChart.series.push(trendLine);

フーリエ近似曲線

サポートされているフィッティングタイプ:

  • Linear:データに最も近似する直線。Y(x) = a * x + b。
  • Exponential:式Y(x) = a * exp(b*x)への回帰フィッティング。
  • Logarithmic:式Y(x) = a * ln(x) + bへの回帰フィッティング。
  • Power:式Y(x) = a * pow(x, b)への回帰フィッティング。
  • Fourier:式Y(x) = a + b * cos(x) + c * sin(x) + d * cos(2*x) + e * sin(2*x) + …への回帰フィッティング。
  • Polynomial:式Y(x) = a * x^n + b * x^n-1 + c * x^n-2 + … + zへの回帰フィッティング。
  • MinX:Xの最小値。
  • MinY:Yの最小値。
  • MaxX:Xの最大値。
  • MaxY:Yの最大値。
  • AverageX:Xの平均値。
  • AverageY:Yの平均値。

近似曲線の表示オプション

TrendLineクラスは、FlexChartの系列の1つとしてサポートされます。visibilityプロパティを次のいずれかに設定して、この近似曲線を凡例に表示するかどうかを選択できます。

  • Visible:系列はプロット領域内と凡例内に表示されます。
  • Plot:系列はプロット領域内にのみ表示されます。
  • Legend:系列は凡例内にのみ表示されます。
  • Hidden:系列は非表示です。

凡例テキストは、近似曲線系列のnameプロパティを使用して設定されます。

最小、最大、平均の基準線の表示

FlexChartのTrendLineを使用して、データセットに基づいて計算された最小、最大、平均値の静的な基準線を表示できます。表示する軸と値に応じて、fitTypeをMinX、MinY、MaxX、MaxY、AverageX、またはAverageYに設定します。

最小最大近似曲線