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

FlexChart のポイントデータラベル。

プロパティ

メソッド

イベント

プロパティ

border

データラベルに境界線を表示するかどうかを示す値を取得または設定します。

継承元
DataLabelBase
boolean

connectingLine

データラベルに境界線を表示するかどうかを示す値を取得または設定します。

継承元
DataLabelBase
boolean

content

データラベルの内容を取得または設定します。

この内容は文字列として指定するほかに、HitTestInfoオブジェクトをパラメーターとして受け取る関数として指定することもできます。

ラベルの内容が文字列の場合、以下のパラメーターを含めることができます。

  • seriesName: Name of the series that contains the data point (FlexChart only).
  • pointIndex: Index of the data point.
  • value: Value of the data point.
  • x: x-value of the data point (FlexChart only).
  • y: y-value of the data point (FlexChart only).
  • name: Name of the data point.
  • propertyName: any property of data object.

パラメーターは波かっこで囲む必要があります(例: 'x={x}, y={y}')。

以下の例では、データポイントのyの値をラベルに表示します。

// チャートを作成し、データポイントの上に配置したラベルにyのデータを表示します。
 var chart = new FlexChart('#theChart');
 chart.initialize({
     itemsSource: data,
     bindingX: 'country',
     series: [
         { name: 'Sales', binding: 'sales' },
         { name: 'Expenses', binding: 'expenses' },
         { name: 'Downloads', binding: 'downloads' }],
 });
 chart.dataLabel.position = "Top";
 chart.dataLabel.content = "{country} {seriesName}:{y}";

次の例は、関数を使用してデータラベルの内容を設定する方法を示します。

// データラベルの内容を設定します。
 chart.dataLabel.content = function (ht) {
   return ht.name + ":" + ht.value.toFixed();
 }
継承元
DataLabelBase
any

offset

ラベルからデータポイントまでのオフセットを取得または設定します。

継承元
DataLabelBase
number

position

データラベルの位置を取得または設定します。

LabelPosition

メソッド

onRendering

onRendering(e: DataLabelRenderEventArgs): void

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

パラメーター
継承元
DataLabelBase
戻り値
void

イベント

rendering

データラベルをレンダリングする前に発生します。

継承元
DataLabelBase
引数
DataLabelRenderEventArgs