ASP.NET MVC コントロールヘルプ
LineMarker クラス
ファイル
wijmo.chart.js
モジュール
wijmo.chart

FlexChart用のLineMarkerの拡張機能を表します。

LineMarker は、データポイント値を表すテキスト領域と、プロット領域全体に配置されるオプションの垂直または水平線(両方指定した場合は十字線)で構成されています。

interaction = Noneの場合は固定され、 interaction = Moveの場合はマウスまたはタッチ位置に従って移動します。また、interaction = Dragの場合はユーザーが線をドラッグすると移動します。

次に例を示します。

// yの値を示す、水平線の付いたインタラクティブマーカーを作成します。 y-value
  var lm = new LineMarker($scope.ctx.chart, {
      lines: LineMarkerLines.Horizontal,
      interaction: LineMarkerInteraction.Move,
      alignment : LineMarkerAlignment.Top
  });
  lm.content = function (ht) {

      // yの値を表示します。
      return lm.y.toFixed(2);
  }

コンストラクタ

プロパティ

メソッド

イベント

コンストラクタ

constructor

constructor(chart: FlexChartCore, options?): LineMarker

LineMarkerクラスの新しいインスタンスを初期化します。

パラメーター
戻り値
LineMarker

プロパティ

alignment

LineMarkerの内容の配置を取得または設定します。

デフォルトでは、LineMarkerはターゲットポイントの右下に表示されされます。 '|'を使用してAlignmentの値を結合できますます。

// 配置を左に設定します
marker.alignment = LineMarkerAlignment.Left;

// 配置を左上に設定します。
marker.alignment = LineMarkerAlignment.Left | LineMarkerAlignment.Top;
LineMarkerAlignment

chart

LineMarkerを所有するFlexChart オブジェクトを取得します。

FlexChartCore

content

LineMarkerのテキストコンテンツをカスタマイズするためのコンテンツ関数を取得または設定します。

Function

dragContent

インタラクションモードが"Drag"の場合にマーカーの内容をドラッグできるかどうかを示す値を取得または設定します。

boolean

dragLines

インタラクションモードが"Drag"の場合に水平線または垂直線をドラッグしたときに両方の線が連動するかどうかを示す値を取得または設定します。

boolean

dragThreshold

マーカーをドラッグできる水平線または垂直線からの最大距離を取得または設定します。

number

horizontalPosition

プロット領域に対するLineMarkerの水平位置を取得または設定します。

このプロパティの値がnullまたはundefinedで、 interaction がLineMarkerInteraction.Moveまたは LineMarkerInteraction.Dragに設定されている場合、 マーカーの水平位置はポインタの位置に基づいて自動的に計算されます。

number

interaction

LineMarkerのインタラクションモードを取得または設定します。

LineMarkerInteraction

isVisible

LineMarkerの表示/非表示設定を取得または設定します。

boolean

lines

LineMarker行の表示/非表示を取得または設定します。

LineMarkerLines

seriesIndex

このLineMarkerが表示されるチャートの系列のインデックスを取得または設定します。これはinteraction プロパティがLineMarkerInteraction.Move またはLineMarkerInteraction.Dragに設定されているときに有効になります。

number

verticalPosition

プロット領域に対するLineMarkerの垂直位置を取得または設定します。

このプロパティの値がnullまたはundefinedで、 interaction がLineMarkerInteraction.Moveまたは LineMarkerInteraction.Dragに設定されている場合、 LineMarkerの垂直位置はポインタの位置に基づいて自動的に計算されます。

number

x

現在のxの値をチャートのデータ座標として取得します。

number

y

現在のyの値をチャートのデータ座標として取得します。

number

メソッド

onPositionChanged

onPositionChanged(point: Point): void

positionChangedイベントを発生させます。

パラメーター
  • point: Point

    The target point at which to show the LineMarker.

戻り値
void

remove

remove(): void

チャートからLineMarkerを削除します。

戻り値
void

イベント

positionChanged

LineMarker の位置が変更された後に発生します。

引数
Point