Wijmo_React_Chart
wijmo.react.chart モジュール
変数
Const FlexChart
wijmo.chart.FlexChartコントロールをカプセル化するReactコンポーネント。
flex-chart ltb>flex-chartlt/b> コンポーネントには、以下の子コンポーネントが含まれています。 wijmo.react.chart.analytics.FlexChartTrendLine , wijmo.react.chart.analytics.FlexChartMovingAverage , wijmo.react.chart.analytics.FlexChartYFunctionSeries , wijmo.react.chart.analytics.FlexChartParametricFunctionSeries , wijmo.react.chart.analytics.FlexChartWaterfall , wijmo.react.chart.analytics.FlexChartBoxWhisker , wijmo.react.chart.analytics.FlexChartErrorBar , wijmo.react.chart.analytics.FlexChartBreakEven , wijmo.react.chart.animation.FlexChartAnimation , wijmo.react.chart.annotation.FlexChartAnnotationLayer , wijmo.react.chart.interaction.FlexChartRangeSelector , wijmo.react.chart.interaction.FlexChartGestures , wijmo.react.chart.FlexChartAxis , wijmo.react.chart.FlexChartLegend , wijmo.react.chart.FlexChartDataLabel , wijmo.react.chart.FlexChartSeries , wijmo.react.chart.FlexChartLineMarker and wijmo.react.chart.FlexChartPlotArea.
本コンポーネントでは、純粋なJavaScript wijmo.chart.FlexChart クラスのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生する initializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
以下の例は、JSX にて、 wijmo.chart.FlexChart コントロールをインスタンス化および初期化する方法を示しています。
<Wj.FlexChart
itemsSource={ this.state.data }
bindingX="name"
header={ this.state.header }
footer={ this.state.footer }
axisX={{ title: this.state.titleX }}
axisY={{ title: this.state.titleY }}
legend={{ position: this.state.legendPosition }}
series={[
{ name: 'Sales', binding: 'sales' },
{ name: 'Expenses', binding: 'expenses' },
{ name: 'Downloads', binding: 'downloads', chartType: 'LineSymbols' }
]} />
このコードは、itemsSourceプロパティをグラフのデータを含むコレクションに設定し、 bindingX プロパティをグラフの X 値に使用するデータ プロパティの名前を指定します。
headerとfooter プロパティを設定してグラフのタイトルを指定し、グラフの軸と凡例をカスタマイズします。
最後に、series プロパティを、グラフに表示するデータ項目を指定する配列に設定します。
Const FlexChartAxis
wijmo.chart.Axis クラスに対応するReact コンポーネント。
flex-chart-axis コンポーネントには、wijmo.react.chart.FlexChart , wijmo.react.chart.FlexChartSeries , wijmo.react.chart.FlexChartSeries , wijmo.react.chart.finance.FinancialChart または、wijmo.react.chart.finance.FinancialChartSeries.コンポーネントに含まれる必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.Axis コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartDataLabel
wijmo.chart.DataLabelクラスに対応するReact コンポーネント。
flex-chart-data-label コンポーネントは、 wijmo.react.chart.FlexChart コンポーネントに含まれる必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.DataLabel クラスのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartDataPoint
wijmo.chart.DataPoint クラスに対応するReact コンポーネント。
flex-chart-data-point コンポーネントは、 wijmo.react.chart.annotation.FlexChartAnnotation コンポーネントのいずれかに含まれている必要があります。
本コンポーネントでは、純粋なJavaScripwijmo.chart.DataPoint コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartLegend
wijmo.chart.Legendクラスに対応するReact コンポーネント。
flex-chart-legend コンポーネントは、
wijmo.react.chart.FlexChart、wijmo.react.chart.FlexPie , wijmo.react.chart.finance.FinancialChart , wijmo.react.chart.radar.FlexRadar , wijmo.react.chart.hierarchical.Sunburst またっは、wijmo.react.chart.map.FlexMap.コンポーネントのいずれかに含まれている必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.Legend コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartLineMarker
@link wijmo.chart.LineMarker} クラスに対応するReact コンポーネント。
flex-chart-line-marker コンポーネントは、 wijmo.react.chart.FlexChart または、 wijmo.react.chart.finance.FinancialChart. コンポーネントのいずれかに含まれている必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.LineMarker コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartPlotArea
wijmo.chart.PlotArea クラスに対応するReact コンポーネント。
flex-chart-plot-area コンポーネントは、 wijmo.react.chart.FlexChart または、wijmo.react.chart.finance.FinancialChart. コンポーネントのいずれかに含まれている必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.PlotArea コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexChartSeries
wijmo.chart.Series クラスに対応するReact コンポーネント。
flex-chart-series コンポーネントは、wijmo.react.chart.FlexChart コンポーネントに含まれる必要があります。
flex-chart-series コンポーネントには、子コンポーネントの wijmo.react.chart.FlexChartAxis が含まれる場合があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.Series クラスのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexPie
wijmo.chart.FlexPieコントロールをカプセル化するReactコンポーネント。
flex-pie コンポーネントには、子コンポーネントの wijmo.react.chart.animation.FlexChartAnimation , wijmo.react.chart.FlexChartLegend およびwijmo.react.chart.FlexPieDataLabel.
本コンポーネントでは、純粋なJavaScript wijmo.chart.FlexPie コントロールのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
Const FlexPieDataLabel
wijmo.chart.PieDataLabelクラスに対応するReact コンポーネント。
flex-pie-data-label コンポーネントは、 wijmo.react.chart.FlexChart コンポーネントに含まれる必要があります。
本コンポーネントでは、純粋なJavaScript wijmo.chart.PieDataLabel クラスのすべてのプロパティとイベントがサポートされます。
これには、コントロールがページに追加された後で初期化されるときに発生するinitializedイベントが含まれます。 このイベントを使用し、JSXでプロパティを設定するだけでなく、さらに初期化を実行できます。 ハンドラー関数のシグネチャは、他のWijmoイベントハンドラーと同じです。
wijmo.chartモジュールに対応するReactコンポーネントを含みます。