5.20231.904
wijmo.knockout.chart.interaction Class wjFlexChartRangeSelector Wijmo API Class

wjFlexChartRangeSelector Class

KnockoutJS binding for the RangeSelector control.

Use the wjFlexChartRangeSelector binding to add RangeSelector controls to your KnockoutJS applications. For example:

<p>Here is a RangeSelector control:</p>
<div data-bind="wjFlexChart: { itemsSource: data, bindingX: 'country' }">
    <div data-bind="wjFlexChartAxis: { wjProperty: 'axisX', title: 'country' }"></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' }"></div>
    <div data-bind="wjFlexChartRangeSelector: { seamless: 'true',rangeChanged: rangeChanged }"></div>
</div>

The wjFlexChartRangeSelector binding supports all read-write properties and events of the RangeSelector class.

Heirarchy

  • WjBinding
    • wjFlexChartRangeSelector