v5.20192.631
|

wjFlexChart Class

KnockoutJS binding for the FlexChart control.

Use the wjFlexChart binding to add FlexChart controls to your KnockoutJS applications. For example:

<p>Here is a FlexChart control:</p>
<div data-bind="wjFlexChart: { itemsSource: data }">
    <div data-bind="wjFlexChartLegend : {
        position: 'Top' }">
    </div>
    <div data-bind="wjFlexChartAxis: {
        wjProperty: 'axisX',
        title: chartProps.titleX }">
    </div>
    <div data-bind="wjFlexChartAxis: {
        wjProperty: 'axisY',
        majorUnit: 5000 }">
    </div>
    <div data-bind="wjFlexChartSeries: {
        name: 'Sales',
        binding: 'sales' }">
    </div>
    <div data-bind="wjFlexChartSeries: {
        name: 'Expenses',
        binding: 'expenses' }">
    </div>
    <div data-bind="wjFlexChartSeries: {
        name: 'Downloads',
        binding: 'downloads',
        chartType: 'LineSymbols' }">
    </div>
</div>

The wjFlexChart binding may contain the following child bindings: wjFlexChartAxis, wjFlexChartSeries, wjFlexChartLegend.

The wjFlexChart binding supports all read-write properties and events of the FlexChart control, and the additional tooltipContent property that assigns a value to the FlexChart.tooltip.content property. The selection property provides two-way binding mode.

Hierarchy

  • WjFlexChartBaseBinding
    • wjFlexChart