wjFlexChart Class

File
wijmo.knockout.js
Module
wijmo.knockout
Show
   

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.