/*! * * Wijmo Library 5.20252.44 * https://developer.mescius.com/wijmo * * Copyright(c) MESCIUS inc. All rights reserved. * * Licensed under the End-User License Agreement For MESCIUS Wijmo Software. * us.sales@mescius.com * https://developer.mescius.com/wijmo/licensing * */ /** * {@module wijmo.knockout.chart} * KnockoutJS bindings for wijmo.chart module */ /** * */ export declare var ___keepComment: any; import { WjBinding, WjContext } from 'wijmo/wijmo.knockout.base'; export declare class WjFlexChartBaseBinding extends WjBinding { _getControlConstructor(): any; _initialize(): void; } /** * KnockoutJS binding for the {@link FlexChart} control. * * Use the {@link wjFlexChart} binding to add {@link 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:
* {@link wjFlexChartAxis}, {@link wjFlexChartSeries}, {@link wjFlexChartLegend}.
*
* The wjFlexChart binding supports all read-write properties and events of
* the {@link 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.
*/
export declare class wjFlexChart extends WjFlexChartBaseBinding {
_getControlConstructor(): any;
_initialize(): void;
}
/**
* KnockoutJS binding for the {@link FlexPie} control.
*
* Use the {@link wjFlexPie} binding to add {@link FlexPie} controls to your
* KnockoutJS applications. For example:
*
* <p>Here is a FlexPie control:</p>
* <div data-bind="wjFlexPie: {
* itemsSource: data,
* binding: 'value',
* bindingName: 'name',
* header: 'Fruit By Value' }">
* <div data-bind="wjFlexChartLegend : { position: 'Top' }"></div>
* </div>
*
* The wjFlexPie binding may contain the {@link wjFlexChartLegend} child binding.
*
* The wjFlexPie binding supports all read-write properties and events of
* the {@link FlexPie} control.
*/
export declare class wjFlexPie extends WjFlexChartBaseBinding {
_getControlConstructor(): any;
_initialize(): void;
}
/**
* KnockoutJS binding for the {@link FlexChart} {@link Axis} object.
*
* The {@link wjFlexChartAxis} binding must be contained in a {@link wjFlexChart} binding. Use the wjProperty
* attribute to specify the property (axisX or axisY) to initialize with this binding.
*
* The wjFlexChartAxis binding supports all read-write properties and events of
* the {@link Axis} class.
*/
export declare class wjFlexChartAxis extends WjBinding {
_getControlConstructor(): any;
}
/**
* KnockoutJS binding for the Charts' {@link Legend} object.
*
* The {@link wjFlexChartLegend} binding must be contained in one the following bindings:
* {@link wjFlexChart}, {@link wjFlexPie}.
*
* The wjFlexChartLegend binding supports all read-write properties and events of
* the {@link Legend} class.
*/
export declare class wjFlexChartLegend extends WjBinding {
_getControlConstructor(): any;
}
export declare class WjSeriesBase extends WjBinding {
_getControlConstructor(): any;
_createControl(element: any): any;
}
/**
* KnockoutJS binding for the {@link FlexChart} {@link Series} object.
*
* The {@link wjFlexChartSeries} binding must be contained in a {@link wjFlexChart} binding.
*
* The wjFlexChartSeries binding supports all read-write properties and events of
* the {@link Series} class. The visibility property provides two-way binding mode.
*/
export declare class wjFlexChartSeries extends WjSeriesBase {
_getControlConstructor(): any;
_createWijmoContext(): WjContext;
}
export declare class WjFlexChartSeriesContext extends WjContext {
_initControl(): void;
}
/**
* KnockoutJS binding for the {@link LineMarker} control.
*
* Use the {@link wjFlexChartLineMarker} binding to add {@link LineMarker} controls to your
* KnockoutJS applications. For example:
*
* <p>Here is a LineMarker:</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="wjFlexChartLineMarker: { interaction: 'Move', lines: 'Both' }"></div>
* </div>
*
*
* The wjFlexChartLineMarker binding supports all read-write properties and events of
* the {@link LineMarker} class.
*/
export declare class wjFlexChartLineMarker extends WjBinding {
_getControlConstructor(): any;
}
/**
* KnockoutJS binding for the {@link PlotArea} object.
*
* Use the {@link wjFlexChartPlotArea} binding to add {@link PlotArea} object to your
* KnockoutJS applications. For example:
*
* <p>Here is a PlotArea:</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="wjFlexChartPlotArea: { row:0, name:'plot1', style:{ fill: 'rgba(136,189,230,0.2)'} } "></div>
* </div>
*
* The wjFlexChartPlotArea binding supports all read-write properties and events of
* the {@link PlotArea} class.
*/
export declare class wjFlexChartPlotArea extends WjBinding {
_getControlConstructor(): any;
}
/**
* KnockoutJS binding for the {@link DataPoint} object.
* The wjFlexChartDataPoint must be contained in a
* {@link wjFlexChartAnnotation}. The property of the parent object
* where wjFlexChartDataPoint should assign a value is specified in the
* wjProperty attribute.
*
* Use the {@link wjFlexChartDataPoint} binding to add {@link DataPoint} object to your
* KnockoutJS applications. For example:
*
* <p>Here is a DataPoint:</p>
* <div data-bind="wjFlexChartDataPoint: { wjProperty: 'point', x: 0.9, y:0.4}" ></div>
*
*
* The wjFlexChartDataPoint binding supports all read-write properties and events of
* the {@link DataPoint} class.
*/
export declare class wjFlexChartDataPoint extends WjBinding {
_getControlConstructor(): any;
}