[]
この特定のコンポーネントのグローバルなWjOptions.asyncBindingsの設定をオーバーライドできます。 詳細については、WjOptions. WjOptions.asyncBindings プロパティの説明を参照してください。
Axis オブジェクトのコレクションを取得します。
メインのX軸を取得または設定します。
メインのY軸を取得または設定します。
Yの値を含むプロパティの名前を取得または設定します。
Xデータ値を含むプロパティの名前を取得または設定します。
作成する株価チャートのタイプを取得または設定します。
チャートデータを含むICollectionView オブジェクトを取得します。
ポイントのデータラベルを取得または設定します。
チャートのフッタに表示されるテキストを取得または設定します。
チャートのフッタスタイルを取得または設定します。
プログラムによるアクセスに使用されるWijmo gotFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のgotFocus Wijmoイベント名を使用してください。
チャートのヘッダに表示されるテキストを取得または設定します。
チャートのヘッダスタイルを取得または設定します。
コントロールをホストしているDOM要素を取得します。
このイベントは、コンポーネントがAngularによって初期化された後、つまり すべての連結プロパティが割り当てられ、子コンポーネント(ある場合)が初期化された後にトリガされます。
データ内のnull値を補間するかどうかを決定する値を取得または設定します。
trueの場合は、隣接するポイントに基づいて、欠けているデータの値が補間されます。 falseの場合は、null値のあるポイントで、線や領域に切れ目ができます。
このプロパティのデフォルト値は falseです。
プログラムによるアクセスに使用されるWijmo invalidInputイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のinvalidInput Wijmoイベント名を使用してください。
コントロールが無効かどうかを判定する値を取得または設定します。
無効化されたコントロールは、マウスイベントやキーボードイベントを取得できません。
コンポーネントがAngularによって初期化されているかどうかを示します。 この値は、initializedイベントをトリガする直前にfalseからtrueになります。
現在、コントロールがタッチイベントを処理しているかどうかを示す値を取得します。
コントロールが現在更新中かどうかを示す値を取得します。
チャート要素の外観をカスタマイズするための項目書式設定関数を取得または設定します。
指定されている場合、関数は、チャート上に要素を描画するIRenderEngine 、 描画する要素を記述するHitTestInfo パラメータ、 および項目のデフォルトの描画を提供する関数の3つのパラメータを受け取る必要があります。
次に例を示しています。
itemFormatter: function (engine, hitTestInfo, defaultRenderer) { var ht = hitTestInfo, binding = 'downloads'; // 正しい系列/要素であることを確認します if (ht.series.binding == binding && ht.pointIndex > 0 && ht.chartElement == ChartElement.SeriesSymbol) { // 現在値と前の値を取得します var chart = ht.series.chart, items = chart.collectionView.items, valNow = items[ht.pointIndex][binding], valPrev = items[ht.pointIndex - 1][binding]; // 値が増加している場合は行を追加します if (valNow > valPrev) { var pt1 = chart.dataToPoint(ht.pointIndex, valNow), pt2 = chart.dataToPoint(ht.pointIndex - 1, valPrev); engine.drawLine(pt1.x, pt1.y, pt2.x, pt2.y, null, { stroke: 'gold', strokeWidth: 6 }); } } // 要素を通常通りに描画します defaultRenderer(); }
{@sample: Chart/LineArea/CustomLineSegments/purejs デモ}
チャートの作成に使用されるデータを含む配列またはICollectionView オブジェクトを取得または設定します。
プログラムによるアクセスに使用されるWijmo itemsSourceChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のitemsSourceChanged Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo itemsSourceChangingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のitemsSourceChanging Wijmoイベント名を使用してください。
チャートの凡例を取得または設定します。
凡例項目をクリックしたときにチャート上の系列の表示/非表示を切り替えるかどうかを示す値を取得または設定します。
このプロパティのデフォルト値は false です。
プログラムによるアクセスに使用されるWijmo lostFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のlostFocus Wijmoイベント名を使用してください。
さまざまなチャートオプションを取得または設定します。
以下のオプションがサポートされます。
kagi.fields: カギ足チャートで使用されるDataFields を指定します。 デフォルト値はDataFields.Closeです。
kagi.rangeMode: カギ足チャートで使用されるRangeMode を指定します。 デフォルト値はRangeMode.Fixedです。
kagi.reversalAmount: カギ足チャートの反転量を指定します。 デフォルト値は14です。
chart.options = { kagi: { fields: DataFields.Close, rangeMode: RangeMode.Fixed, reversalAmount: 14 } }
lineBreak.newLineBreaks: ラインブレイクチャートで、何個のボックスを 比較してから新しいボックスを描画するかを 取得または設定します。デフォルト値は3です。
chart.options = { lineBreak: { newLineBreaks: 3 } }
renko.fields: 練行足チャートで使用されるDataFields を指定します。 デフォルト値はDataFields.Closeです。
renko.rangeMode: 練行足チャートで使用されるRangeMode を指定します。 デフォルト値はRangeMode.Fixedです。
renko.boxSize: 練行足チャートのボックスサイズを指定します。 デフォルト値は14です。
chart.options = { renko: { fields: DataFields.Close, rangeMode: RangeMode.Fixed, boxSize: 14 } }
系列の表示に使用されるデフォルトの色の配列を取得または設定します。
配列にはCSSの色を表す文字列が含まれています。 次に例を示します。
// 名前で指定された色を使用します chart.palette = ['red', 'green', 'blue']; // または、RGBA値で指定された色を使用します chart.palette = [ 'rgba(255,0,0,1)', 'rgba(255,0,0,0.8)', 'rgba(255,0,0,0.6)', 'rgba(255,0,0,0.4)'];
Palettes クラスにある事前定義されたパレットのセットを使用できます。次に例を示します。
chart.palette = Palettes.coral;
PlotArea オブジェクトのコレクションを取得します。
プロットマージン(ピクセル単位)を取得または設定します。
プロットマージンは、コントロールの端からプロット領域の端までの領域を表します。
デフォルトでは、この値は軸ラベルに必要なスペースに基づいて自動的に計算されますが、 コントロール内のプロット領域の位置を精密に制御したい場合(たとえば、 複数のチャートコントロールをページ上に整列させるときなど)はこれをオーバーライドできます。
このプロパティは数値またはCSSスタイルのマージン指定に設定できます。例:
// すべての側のプロットマージンを20ピクセルに設定します chart.plotMargin = 20; // 上側、右側、下側、左側のプロットマージンを設定します chart.plotMargin = '10 15 20 25'; // 上側/下側(10px)および左側/右側(20px)のプロットマージンを設定します chart.plotMargin = '10 20';
プログラムによるアクセスに使用されるWijmo refreshedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshed Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo refreshingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshing Wijmoイベント名を使用してください。
チャートのレンダリングエンジンを取得または設定します。
プログラムによるアクセスに使用されるWijmo renderedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrendered Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo renderingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrendering Wijmoイベント名を使用してください。
要素内のコントロールを右から左のレイアウトでホストするかどうかを示す値を取得します。
選択されているチャート系列を取得または設定します。
このイベントは、selectionプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 selectionChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo selectionChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のselectionChanged Wijmoイベント名を使用してください。
ユーザーがチャートをクリックしたときに何が選択されるかを示す列挙値を取得または設定します。
このプロパティのデフォルト値はSelectionMode.Noneです。
Series オブジェクトのコレクションを取得します。
プログラムによるアクセスに使用されるWijmo seriesVisibilityChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のseriesVisibilityChanged Wijmoイベント名を使用してください。
コントロールに関連付けられたtabindex属性の値を取得または設定します。
tabindex属性値は、コントロールのホストHTML要素で指定することで、 Wijmoコントロールに対して静的に定義できます。 ただし、Wijmoコントロールは複雑な構造であり、コントロールが正しく機能できるように、属性値を内部要素に伝達する必要があるため、 この値をアプリケーションのライフサイクルの後半で変更することはできません。
そのため、コントロールのtabindexを動的に読み取ったり変更したりするには、このプロパティを使用して行う必要があります。
チャートのTooltip オブジェクトを取得します。
ツールチップの内容は、次のパラメータを含むテンプレートを使用して生成されます。
テンプレートを変更するには、ツールチップのコンテンツプロパティに新しい値を割り当てます。 次に例を示します。
chart.tooltip.content = '<b>{seriesName}</b> ' + '<img src="resources/{x}.png"/><br/>{y}';
チャートのツールチップを無効にできます。それには、テンプレートを空の文字列に設定します。
tooltip プロパティを使用して、次のように、Tooltip.showDelay やTooltip.hideDelay などの ツールチップパラメータをカスタマイズすることもできます。
chart.tooltip.showDelay = 1000;
詳細とオプションについては、ChartTooltip プロパティを参照してください。
[(ngModel)]ディレクティブ(指定されている場合)によって表されるプロパティの名前を定義します。 デフォルト値は「''」です。
コントロールの新しいインスタンスにテンプレートを適用し、ルート要素を返します。
このメソッドは、テンプレート化されたコントロールのコンストラクターによって呼び出される必要があるため、 このメソッドを使用することができません。 また、テンプレートのパーツを対応するコントロールのメンバに連結します。
以下のサンプルコードは、InputNumber コントロールのインスタンスにテンプレートを適用します。 このテンプレートには、'wj-part'属性が'input'、'btn-inc'、および'btn-dec'に設定された要素を含める必要があります。 コントロールのメンバである'_tbx'、'_btnUp'、'_btnDn'には、これらの要素への参照が割り当てられます。
this.applyTemplate('wj-control wj-inputnumber', templateString, {
_tbx: 'input',
_btnUp: 'btn-inc',
_btnDn: 'btn-dec'
}, 'input');
@param classNames コントロールのホスト要素に追加するクラスの名前。 @param template コントロールのテンプレートを定義するHTML文字列。 @param parts パーツ変数とその名前のディクショナリー。 @param namePart ホスト要素にちなんで名付けられたパーツの名前。 これにより、コントロールがフォームで使用されたときにデータをどのように送信するかが決まります。
次にendUpdate が呼び出されるまで通知を中断します。
このコントロールにフォーカスのある要素が含まれているかどうかをチェックします。
Wijmoコンポーネントから継承されるカスタムコンポーネントを作成する場合は、このメソッドを
オーバーライドして、通常はクラスコンストラクタで行う必要な初期化を行うことができます。
このメソッドは、Wijmoコンポーネントコンストラクタの最後の行で呼び出され、
カスタムコンポーネントのコンストラクタを宣言しなくて済むようにします。これにより、
コンストラクタのパラメータを保持したり、Wijmoコンポーネントのコンストラクタパラメータとの同期を維持する必要がなくなります。
beginUpdate/endUpdate ブロック内で関数を実行します。
この関数の実行が完了するまでコントロールは更新されません。 このメソッドは、関数が例外を生成した場合でも endUpdate が呼び出されるようにします。
実行する関数。
ホスト要素との関連付けを解除することによってコントロールを破棄します。
beginUpdate の呼び出しによって中断された通知を再開します。
このコントロールにフォーカスを設定します。
オブジェクトが指定されたプロパティを持つかどうかを判定します。
プロパティの名前。
指定したポイントに関する情報を含む HitTestInfo オブジェクトを取得します。
調べるポイント(ウィンドウ座標単位)。
ポイントのY座標(最初のパラメーターが数値の場合)。
ポイントに関する情報を含むHitTestInfoオブジェクト。
非同期更新を発生させるため、コントロールを無効にします。
内容だけでなくコントロールのレイアウトも更新するかどうか。
オブジェクトが別のオブジェクトのプロトタイプチェーンに存在するかどうかを判定します。
プロトタイプチェーンが判定される別のオブジェクト。
invalidInput イベントを発生させます。
イベントハンドラーがイベントをキャンセルした場合、コントロールは無効な入力内容とフォーカスを保持します。
itemsSourceChanged イベントを発生させます。
itemsSourceChanging イベントを発生させます。
イベントデータを含むCancelEventArgs 。
イベントがキャンセルされなかった場合はTrue。
refreshing イベントを発生させます。
rendered イベントを発生させます。
チャートのレンダリングに使用されるRenderEventArgs オブジェクト。
rendering イベントを発生させます。
チャートのレンダリングに使用されるRenderEventArgs オブジェクト。
selectionChanged イベントを発生させます。
seriesVisibilityChanged イベントを発生させます。
イベントデータを含むSeriesEventArgs オブジェクト。
ページ座標をコントロール座標に変換します。
ページ座標のポイントまたはページ座標のx値。
ページ座標のy値。 ptが数値型の場合、値は数値である必要があります。 ただし、ptがPoint型の場合は、yパラメータはオプションになります。
指定されたプロパティが列挙可能かどうかを判断します。
プロパティの名前。
チャートを更新します。
内容だけでなくコントロールのレイアウトも更新するかどうかを示す値。
このControl が所有する要素にアタッチされている1つまたは複数のイベントリスナーを解除します。
イベントのターゲット要素。 nullの場合、すべてのターゲットにアタッチされているリスナーが解除されます
イベントを指定する文字列。 nullの場合、すべてのイベントにアタッチされているリスナーが解除されます。
削除するハンドラ。 nullの場合は、すべてのハンドラが削除されます。
リスナーがキャプチャリスナーかどうか。 nullの場合、キャプチャリスナーと非キャプチャリスナーの両方が解除されます。
削除されたリスナーの数。
チャートを画像ファイルに保存します。
このメソッドはIEブラウザでは機能しないことにご注意ください。
IEのサポートが必要な場合は、 flex-chart.render
モジュールをページに追加してください。
エクスポートされる画像のImageFormat 。
データURLの生成後に呼び出される関数。この関数は、引数としてデータURLに渡されます。
チャートを画像ファイルに保存します。
このメソッドはIEブラウザでは機能しないことにご注意ください。 IEのサポートが必要な場合は、 wijmo.chart.render モジュールをページに追加してください。
拡張子を含む、エクスポートされる画像ファイルの名前。サポートされているタイプは、PNG、JPEG およびSVGです。
現在のロケールを使用して文字列に変換された日付を返します。
オブジェクトの文字列表現を返します。
指定されたオブジェクトのプリミティブ値を返します。
HTML要素に含まれるすべてのWijmoコントロールを破棄します。
コンテナー要素。
指定したDOM要素でホストされているコントロールを取得します。
コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。
指定したHTML要素に含まれるすべてのWijmoコントロールを無効化します。
このメソッドは、コントロールの表示状態やサイズを変更する 動的なパネルをアプリケーションで使用している場合に使用します。 たとえば、スプリッタ、アコーディオン、およびタブコントロールは通常、 その中の要素の表示状態を変更します。この場合、その要素に含まれるコントロールに通知しないと、 それらのコントロールが適切に機能しなくなる可能性があります。 これが起こる場合は、動的コンテナーで適切なイベントを処理し、 Control.invalidateAll メソッドを呼び出してコンテナー内のWijmoコントロールの レイアウト情報が適切に更新されるようにする必要があります。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
HTML要素で存在するすべてのWijmoコントロールを更新します。
コントロールが時間おいて更新される代わりに直ちに更新されること以外はinvalidateAll メソッドと同様です。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
コントロールがフォーカスを取得したときに発生します。
無効な文字が入力されたときに発生します。
ユーザーが入力した値が適切な種類に変換できない値、または有効な範囲外の値を貼り付ける場合、 無効な入力エラーが発生する場合があります。
イベントハンドラーがイベントをキャンセルする場合、 ユーザーがエラーを修正できるように、 コントロールは無効なコンテンツとフォーカスを保持します。
イベントがキャンセルされない場合、コントロールは無効な入力エラーを無視し、 元のコンテンツを保持します。
チャートが新しい項目ソースにバインドされた後に発生します。
チャートが新しい項目ソースにバインドされる前に発生します。
コントロールがフォーカスを失ったときに発生します。
コントロールが内容を更新した後で発生します。
コントロールが内容を更新する直前に発生します。
チャートのレンダリングが完了した後に発生します。
チャートデータのレンダリングが開始される前に発生します。
プログラムコードまたはユーザーがチャートをクリックしたことによって選択が変更された後に発生します。 これは、たとえば詳細情報を示すテキストボックスを更新して現在の 選択を表示するような場合に役立ちます。
系列の表示/非表示が変更されたときに発生します。たとえば、legendToggleプロパティをtrueに設定したり、ユーザーが凡例をクリックしたときです。
wijmo.chart.finance.FinancialChart コントロールに対応するAngular 2コンポーネント。
wj-financial-chart コンポーネントを使用して、Angular 2アプリケーションに FinancialChart コントロールを 追加できます。 Angular 2マークアップの構文については、 「Angular 2マークアップ構文」を参照してください。
WjFinancialChart コンポーネントは、 FinancialChart コントロールから派生され、そのすべてのプロパティ、イベント、およびメソッドを継承しています。
wj-financial-chart コンポーネントには、 wijmo.angular2.chart.analytics.WjFlexChartTrendLine、 wijmo.angular2.chart.analytics.WjFlexChartMovingAverage、 wijmo.angular2.chart.analytics.WjFlexChartYFunctionSeries、 wijmo.angular2.chart.analytics.WjFlexChartParametricFunctionSeries、 wijmo.angular2.chart.analytics.WjFlexChartWaterfall、 wijmo.angular2.chart.analytics.WjFlexChartBoxWhisker、 wijmo.angular2.chart.animation.WjFlexChartAnimation、 wijmo.angular2.chart.annotation.WjFlexChartAnnotationLayer、 wijmo.angular2.chart.finance.analytics.WjFlexChartFibonacci、 wijmo.angular2.chart.finance.analytics.WjFlexChartFibonacciArcs、 wijmo.angular2.chart.finance.analytics.WjFlexChartFibonacciFans、 wijmo.angular2.chart.finance.analytics.WjFlexChartFibonacciTimeZones、 wijmo.angular2.chart.finance.analytics.WjFlexChartAtr、 wijmo.angular2.chart.finance.analytics.WjFlexChartCci、 wijmo.angular2.chart.finance.analytics.WjFlexChartRsi、 wijmo.angular2.chart.finance.analytics.WjFlexChartWilliamsR、 wijmo.angular2.chart.finance.analytics.WjFlexChartMacd、 wijmo.angular2.chart.finance.analytics.WjFlexChartMacdHistogram、 wijmo.angular2.chart.finance.analytics.WjFlexChartStochastic、 wijmo.angular2.chart.finance.analytics.WjFlexChartBollingerBands、 wijmo.angular2.chart.finance.analytics.WjFlexChartEnvelopes、 wijmo.angular2.chart.finance.WjFinancialChartSeries、 wijmo.angular2.chart.interaction.WjFlexChartRangeSelector、 wijmo.angular2.chart.interaction.WjFlexChartGestures、 wijmo.angular2.chart.WjFlexChartAxis、 wijmo.angular2.chart.WjFlexChartLegend、 wijmo.angular2.chart.WjFlexChartLineMarker、 および wijmo.angular2.chart.WjFlexChartPlotArea 子コンポーネントを含めることができます。