[]
FlexChart クラスの新しいインスタンスを初期化します。
コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。
コントロールの初期化データを含むJavaScriptオブジェクト。
Axis オブジェクトのコレクションを取得します。
メインのX軸を取得または設定します。
メインのY軸を取得または設定します。
Yの値を含むプロパティの名前を取得または設定します。
Xデータ値を含むプロパティの名前を取得または設定します。
チャートデータを含むICollectionView オブジェクトを取得します。
ポイントのデータラベルを取得または設定します。
チャートのフッタに表示されるテキストを取得または設定します。
チャートのフッタスタイルを取得または設定します。
チャートのヘッダに表示されるテキストを取得または設定します。
チャートのヘッダスタイルを取得または設定します。
データ内のnull値を補間するかどうかを決定する値を取得または設定します。
trueの場合は、隣接するポイントに基づいて、欠けているデータの値が補間されます。 falseの場合は、null値のあるポイントで、線や領域に切れ目ができます。
このプロパティのデフォルト値は falseです。
チャート要素の外観をカスタマイズするための項目書式設定関数を取得または設定します。
指定されている場合、関数は、チャート上に要素を描画するIRenderEngine 、 描画する要素を記述するHitTestInfo パラメータ、 および項目のデフォルトの描画を提供する関数の3つのパラメータを受け取る必要があります。
次に例を示しています。v
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(); }
チャートの作成に使用されるデータを含む配列またはICollectionView オブジェクトを取得または設定します。
チャートの凡例を取得または設定します。
凡例項目をクリックしたときにチャート上の系列の表示/非表示を切り替えるかどうかを示す値を取得または設定します。
このプロパティのデフォルト値はfalse です。
系列の表示に使用されるデフォルトの色の配列を取得または設定します。
配列には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';
選択されているチャート系列を取得または設定します。
ユーザーがチャートをクリックしたときに何が選択されるかを示す列挙値を取得または設定します。
このプロパティのデフォルト値はSelectionMode.Noneです。
Series オブジェクトのコレクションを取得します。
チャートのTooltip オブジェクトを取得します。
ツールチップの内容は、次のパラメータを含むテンプレートを使用して生成されます。
テンプレートを変更するには、ツールチップのコンテンツプロパティに新しい値を割り当てます。 次に例を示します。
chart.tooltip.content = '<b>{seriesName}</b> ' + '<img src="resources/{x}.png"/><br/>{y}';
チャートのツールチップを無効にできます。それには、テンプレートを空の文字列に設定します。
tooltip プロパティを使用して、次のように、Tooltip.showDelay やTooltip.hideDelay などの ツールチップパラメータをカスタマイズすることもできます。
chart.tooltip.showDelay = 1000;
詳細とオプションについては、ChartTooltip プロパティを参照してください。
指定したポイントに関する情報を含む HitTestInfo オブジェクトを取得します。
調べるポイント(ウィンドウ座標単位)。
ポイントのY座標(最初のパラメーターが数値の場合)。
A HitTestInfo object with information about the point.
rendered イベントを発生させます。
チャートのレンダリングに使用されるRenderEventArgs オブジェクト。
rendering イベントを発生させます。
チャートのレンダリングに使用されるRenderEventArgs オブジェクト。
selectionChanged イベントを発生させます。
seriesVisibilityChanged イベントを発生させます。
イベントデータを含むSeriesEventArgs オブジェクト。
ページ座標をコントロール座標に変換します。
ページ座標のポイントまたはページ座標のx値。
ページ座標のy値。 ptが数値型の場合、値は数値である必要があります。 ただし、ptがPoint型の場合は、yパラメータはオプションになります。
チャートを更新します。
内容だけでなくコントロールのレイアウトも更新するかどうかを示す値。
チャートを画像ファイルに保存します。
このメソッドはIEブラウザでは機能しないことにご注意ください。
IEのサポートが必要な場合は、 flex-chart.render
モジュールをページに追加してください。
エクスポートされる画像のImageFormat 。
データURLの生成後に呼び出される関数。この関数は、引数としてデータURLに渡されます。
チャートを画像ファイルに保存します。
このメソッドはIEブラウザでは機能しないことにご注意ください。
IEのサポートが必要な場合は、 flex-chart.render
モジュールをページに追加してください。
拡張子を含む、エクスポートされる画像ファイルの名前。サポートされているタイプは、PNG、JPEG およびSVGです。
チャートのレンダリングが完了した後に発生します。
チャートデータのレンダリングが開始される前に発生します。
プログラムコードまたはユーザーがチャートをクリックしたことによって選択が変更された後に発生します。 これは、たとえば詳細情報を示すテキストボックスを更新して現在の 選択を表示するような場合に役立ちます。
系列の表示/非表示が変更されたときに発生します。たとえば、legendToggleプロパティをtrueに設定したり、ユーザーが凡例をクリックしたときです。
FlexChart 用の中核的なチャートコントロール。