WjFinancialChart Class

AngularJS directive for the FinancialChart control.

Use the wj-financial-chart directive to add financial charts to your AngularJS applications. Note that directive and parameter names must be formatted using lower-case letters with dashes instead of camel case.

The wj-financial-chart directive supports the following attributes:

binding: @ The name of the property that contains Y values for the chart. You can override this at the series level.
binding-x: @ The name of the property that contains X values for the chart. You can override this at the series level.
chart-type: @ The default chart type to use in rendering series objects. You can override this at the series level. See FinancialChartType.
control: = A reference to the FinancialChart control that this directive creates.
footer: @ The text to display in the chart footer (plain text).
footer-style: = The style to apply to the chart footer.
header: @ The text to display in the chart header (plain text).
header-style: = The style to apply to the chart header.
initialized: & This event occurs after the binding has finished initializing the control with attribute values.
is-initialized: = A value indicating whether the binding has finished initializing the control with attribute values.
interpolate-nulls: @ The value indicating whether to interpolate or leave gaps when there are null values in the data.
item-formatter: = The formatter function that customizes the appearance of data points.
items-source: = An array or ICollectionView object that contains the data used to create the chart.
legend-toggle: @ The value indicating whether clicking legend items toggles series visibility.
options: = Chart options that only apply to certain chart types. See options under FinancialChart for details.
palette: = An array that contains the default colors used for displaying each series.
plot-margin: = The number of pixels of space to leave between the edges of the control and the plot area, or CSS-style margins.
selection: = The series object that is selected.
selection-mode: @ The SelectionMode value indicating whether or what is selected when the user clicks a series.
symbol-size: @ The size of the symbols used to render data points in Scatter, LineSymbols, and SplineSymbols charts, in pixels. You can override this at the series level.
tooltip-content: @ The value to display in the ChartTooltip content property.
got-focus: & The FinancialChart.gotFocus event handler.
lost-focus: & The FinancialChart.lostFocus event handler.
rendering: & The FinancialChart.rendering event handler.
rendered: & The FinancialChart.rendered event handler.
series-visibility-changed: & The FinancialChart.seriesVisibilityChanged event handler.
selection-changed: & The FinancialChart.selectionChanged event handler.

The wj-financial-chart directive may contain the following child directives: wijmo.angular.chart.WjFlexChartAxis, wijmo.angular.chart.WjFlexChartSeries, wijmo.angular.chart.WjFlexChartLegend and wijmo.angular.chart.WjFlexChartDataLabel.

Heirarchy

WjFlexChartCore
- WjFinancialChart