;
/**
* Gets or sets an array of default colors to use for displaying each series.
*
* The array contains strings that represents CSS colors. For example:
*
* // use colors specified by name
* chart.palette = ['red', 'green', 'blue'];
* // or use colors specified as rgba-values
* chart.palette = [
* 'rgba(255,0,0,1)',
* 'rgba(255,0,0,0.8)',
* 'rgba(255,0,0,0.6)',
* 'rgba(255,0,0,0.4)'];
*
*
* There is a set of predefined palettes in the {@link Palettes} class that you can use, for example:
*
* chart.palette = Palettes.coral;
*
*/
palette: string[];
/**
* Gets or sets the plot margin in pixels.
*
* The plot margin represents the area between the edges of the control
* and the plot area.
*
* By default, this value is calculated automatically based on the space
* required by the axis labels, but you can override it if you want
* to control the precise position of the plot area within the control
* (for example, when aligning multiple chart controls on a page).
*
* You may set this property to a numeric value or to a CSS-style
* margin specification. For example:
*
*
* // set the plot margin to 20 pixels on all sides
* chart.plotMargin = 20;
* // set the plot margin for top, right, bottom, left sides
* chart.plotMargin = '10 15 20 25';
* // set the plot margin for top/bottom (10px) and left/right (20px)
* chart.plotMargin = '10 20';
*
*/
plotMargin: any;
/**
* Gets or sets the chart legend.
*/
legend: Legend;
/**
* Gets or sets the text displayed in the chart header.
*/
header: string;
/**
* Gets or sets the text displayed in the chart footer.
*/
footer: string;
/**
* Gets or sets the style of the chart header.
*/
headerStyle: any;
/**
* Gets or sets the style of the chart footer.
*/
footerStyle: any;
/**
* Gets or sets an enumerated value indicating whether or what is
* selected when the user clicks the chart.
*
* The default value for this property is SelectionMode.None.
*/
selectionMode: SelectionMode;
/**
* Gets or sets the item formatter function that allows you to customize
* the appearance of the chart elements.
*
* If specified, the function should take three parameters: the chart's
* {@link IRenderEngine} responsible for rendering elements on the chart,
* a {@link HitTestInfo} parameter that describes the element being rendered,
* and a function that provides the default rendering for the item.
*
* For example:
*
* itemFormatter: function (engine, hitTestInfo, defaultRenderer) {
* var ht = hitTestInfo,
* binding = 'downloads';
*
* // check that this is the right series/element
* if (ht.series.binding == binding && ht.pointIndex > 0 &&
* ht.chartElement == ChartElement.SeriesSymbol) {
*
* // get current and previous values
* var chart = ht.series.chart,
* items = chart.collectionView.items,
* valNow = items[ht.pointIndex][binding],
* valPrev = items[ht.pointIndex - 1][binding];
*
* // add line if value is increasing
* if (valNow > valPrev) {
* var pt1 = chart.dataToPoint(ht.pointIndex, valNow),
* pt2 = chart.dataToPoint(ht.pointIndex - 1, valPrev);
* engine.drawLine(pt1.x, pt1.y, pt2.x, pt2.y, null, {
* stroke: 'gold',
* strokeWidth: 6
* });
* }
* }
*
* // render element as usual
* defaultRenderer();
* }
*
*
* {@sample: Chart/LineArea/CustomLineSegments/purejs Example}
*/
itemFormatter: Function;
/**
* Gets or sets various chart options.
*
* The following options are supported:
*
* htmlText: If true, it allows to use HTML tags in chart text elements like header, footer
* legend, axis and data labels. The default value is false.
*
* chart.header: 'Country GDP';
* chart.options = {
* htmlText: true
* }
*
*/
options: any;
/**
* Occurs before the chart starts rendering data.
*/
readonly rendering: Event, selfModule.RenderEventArgs>;
/**
* Raises the {@link rendering} event.
*
* @param e The {@link RenderEventArgs} object used to render the chart.
*/
onRendering(e: RenderEventArgs): void;
/**
* Occurs after the chart finishes rendering.
*/
readonly rendered: Event, selfModule.RenderEventArgs>;
/**
* Raises the {@link rendered} event.
*
* @param e The {@link RenderEventArgs} object used to render the chart.
*/
onRendered(e: RenderEventArgs): void;
/**
* Occurs before the chart is bound to a new items source.
*/
readonly itemsSourceChanging: Event, CancelEventArgs>;
/**
* Raises the {@link itemsSourceChanging} event.
*
* @param e {@link CancelEventArgs} that contains the event data.
* @return True if the event was not canceled.
*/
onItemsSourceChanging(e: CancelEventArgs): boolean;
/**
* Occurs after the chart has been bound to a new items source.
*/
readonly itemsSourceChanged: Event, EventArgs>;
/**
* Raises the {@link itemsSourceChanged} event.
*/
onItemsSourceChanged(e: EventArgs): void;
/**
* Saves the chart to an image file.
*
* NOTE: This method does not work in IE browsers. If you require IE support,
* add the *wijmo.chart.render* module to the page.
*
* @param filename The filename for the exported image file including extension.
* Supported types are PNG, JPEG and SVG.
*/
saveImageToFile(filename: string): void;
/**
* Saves the chart to an image data url.
*
* NOTE: This method does not work in IE browsers. If you require IE support,
* add the flex-chart.render module to the page.
*
* @param format The {@link ImageFormat} for the exported image.
* @param done A function to be called after data url is generated. The function gets passed the data url as its argument.
*/
saveImageToDataUrl(format: ImageFormat, done: Function): void;
/**
* Saves the chart to a data url as SVG image.
*
* @param done A function to be called after data url is generated. The function gets passed the data url as its argument.
* @param embedCss Whether to include CSS styles to SVG image.
*/
saveSvgToDataUrl(done: Function, embedCss?: boolean): void;
/**
* Saves the chart to an SVG image file.
*
* @param filename The filename for the exported image file including extension.
* @param embedCss Whether to include CSS styles to SVG image.
*/
saveSvgToFile(filename: string, embedCss?: boolean): void;
_exportToImage(extension: any, processDataURI: any, options?: any): void;
prepareDataUri(ele: Element, extension: string, dataUrl: string, processDataURI: Function): void;
/**
* Refreshes the chart.
*
* @param fullUpdate A value indicating whether to update the control layout as well as the content.
*/
refresh(fullUpdate?: boolean): void;
/**
* Occurs after the selection changes, whether programmatically
* or when the user clicks the chart. This is useful, for example,
* when you want to update details in a textbox showing the current
* selection.
*/
readonly selectionChanged: Event, EventArgs>;
/**
* Raises the {@link selectionChanged} event.
*/
onSelectionChanged(e?: EventArgs): void;
onLostFocus(e?: EventArgs): void;
private _cvCollectionChanged;
private _cvCurrentChanged;
_bgColor(el: Element): string;
_isTransparent(c: string): boolean;
/**
* Gets a color from the palette by index.
*
* @param index The index of the color in the palette.
*/
_getColor(index: number): string;
/**
* Gets a lighter color from the palette by index.
*
* @param index The index of the color in the palette.
*/
_getColorLight(index: number): string;
/**
* Gets a lighter color from the palette by color string.
*
* @param color The color in the palette.
*/
_getLightColor(color: string): string;
_bindChart(): void;
_clearCachedValues(): void;
_renderEls(engine: IRenderEngine, sz: Size, applyElement?: boolean, bg?: string, hidden?: boolean): void;
private _h;
_render(engine: IRenderEngine, applyElement?: boolean, bg?: string): void;
_isPCUnit(prop: string): boolean;
_renderHidden(sz?: Size, bg?: string): any;
_renderHeader(engine: IRenderEngine, rect: Rect): void;
_renderFooter(engine: IRenderEngine, rect: Rect): void;
_renderLegends(engine: IRenderEngine, rect: Rect): void;
_prepareRender(): void;
_renderChart(engine: IRenderEngine, rect: Rect, applyElement: boolean): void;
_performBind(): void;
_getDesiredLegendSize(engine: IRenderEngine, isVertical: boolean, width: number, height: number): Size;
_renderLegend(engine: IRenderEngine, pt: Point, areas: any[], isVertical: boolean, width: number, height: number): void;
_getHitTestItem(index: number): any;
_getHitTestValue(index: number, gi?: number): any;
_getHitTestLabel(index: number): any;
_refreshChart(): void;
_drawTitle(engine: IRenderEngine, rect: Rect, title: string, style: any, isFooter: boolean): Rect;
/**
* Converts page coordinates to control coordinates.
*
* @param pt The point of page coordinates or x value
of page coordinates.
* @param y The y value of page coordinates. Its value
should be a number, if pt is a number type. However,
the y parameter is optional when pt is Point type.
*/
pageToControl(pt: any, y?: number): Point;
_toControl(pt: any, y?: number): Point;
_highlightItems(items: any, cls: any, selected: boolean): void;
_parseMargin(value: any): any;
_showToolTip(content: any, rect: any): void;
_hideToolTip(): void;
private _clearTimeouts;
_getHostOffset(): Point;
_getHostSize(): Size;
_parsePx(s: string): number;
_getHostComputedStyle(): CSSStyleDeclaration;
_find(elem: SVGElement, names: string[]): any[];
_getLegendSize(sz: number, lsz: number): number;
_isHtmlText(): boolean;
static _contains(rect: Rect, pt: Point): boolean;
static _intersects(rect1: Rect, rect2: Rect): boolean;
static _epoch: number;
static _msPerDay: number;
static _toOADate(date: Date): number;
static _fromOADate(val: number): Date;
static _renderText(engine: IRenderEngine, text: string, pos: Point, halign: any, valign: any, className?: string, groupName?: string, style?: any, test?: any): Rect;
static _renderRotatedText(engine: IRenderEngine, text: string, pos: Point, halign: any, valign: any, center: Point, angle: number, className: string, groupClassName?: string, style?: any): any;
static _endsWith(str: string, suffix: string): boolean;
}
export interface _IHitArea {
contains(pt: Point): boolean;
distance(pt: Point): number;
tag: any;
ignoreLabel: boolean;
}
export declare class _KeyWords {
private _keys;
constructor();
replace(s: string, ht: HitTestInfo): string;
getValue(key: string, ht: HitTestInfo, fmt?: string): string;
}
/**
* Extends the {@link Tooltip} class to provide chart tooltips.
*/
export declare class ChartTooltip extends Tooltip {
private _content;
private _threshold;
/**
* Initializes a new instance of the {@link ChartTooltip} class.
*/
constructor();
/**
* Gets or sets the tooltip content.
*
* The tooltip content can be specified as a string or as a function that
* takes a {@link HitTestInfo} object as a parameter.
*
* When the tooltip content is a string, it may contain any of the following
* parameters:
*
*
* - propertyName: Any property of the data object represented by the point.
* - seriesName: Name of the series that contains the data point (FlexChart only).
* - pointIndex: Index of the data point.
* - value: Value of the data point (y-value for {@link FlexChart}, item value for {@link FlexPie}).
* - x: x-value of the data point (FlexChart only).
* - y: y-value of the data point (FlexChart only).
* - name: Name of the data point (x-value for {@link FlexChart} or legend entry for {@link FlexPie}).
*
*
* Parameters must be enclosed in single curly brackets. For example:
*
*
* // 'country' and 'sales' are properties of the data object.
* chart.tooltip.content = '{country}, sales:{sales}';
*
*
* The next example shows how to set the tooltip content using a function.
*
*
* // Set the tooltip content
* chart.tooltip.content = function (ht) {
* return ht.name + ":" + ht.value.toFixed();
* }
*
*/
content: any;
/**
* Gets or sets the maximum distance from the element to display the tooltip.
*/
threshold: number;
/**
* Shows the tooltip with the specified content, next to the specified element.
*
* @param element Element, element ID, or control that the tooltip explains.
* @param content Tooltip content or ID of the element that contains the tooltip content.
* @param bounds Optional element that defines the bounds of the area that the tooltip
* targets. If not provided, the bounds of the element are used (as reported by the
* getBoundingClientRect method).
*/
show(element: any, content: string, bounds?: Rect): void;
}
/**
* Specifies the chart type.
*/
export declare enum ChartType {
/** Shows vertical bars and allows you to compare values of items across categories. */
Column = 0,
/** Shows horizontal bars. */
Bar = 1,
/** Shows patterns within the data using X and Y coordinates. */
Scatter = 2,
/** Shows trends over a period of time or across categories. */
Line = 3,
/** Shows a line chart with a symbol on each data point. */
LineSymbols = 4,
/** Shows a line chart with the area below the line filled with color. */
Area = 5,
/** Shows a Scatter chart with a third data value that determines the
* size of the symbol. The data for this chart type can be defined using the
* {@link FlexChart} or {@link Series} binding property as a comma separated value in the
* following format: "yProperty, bubbleSizeProperty".*/
Bubble = 6,
/** Presents items with high, low, open, and close values.
* The size of the wick line is determined by the High and Low values,
* while the size of the bar is determined by the Open and Close values.
* The bar is displayed using different colors, depending on
* whether the close value is higher or lower than the open value.
* The data for this chart type can be defined using the
* {@link FlexChart} or {@link Series} binding property as a comma separated value in the
* following format: "highProperty, lowProperty, openProperty, closeProperty". */
Candlestick = 7,
/** Displays the same information as a candlestick chart, except that opening
* values are displayed using lines to the left, while lines to the right
* indicate closing values. The data for this chart type can be defined using the
* {@link FlexChart} or {@link Series} binding property as a comma separated value in the
* following format: "highProperty, lowProperty, openProperty, closeProperty". */
HighLowOpenClose = 8,
/** Displays a line chart that plots curves rather than angled lines through the
* data points. */
Spline = 9,
/** Displays a spline chart with symbols on each data point. */
SplineSymbols = 10,
/** Displays a spline chart with the area below the line filled with color. */
SplineArea = 11,
/** Displays a funnel chart, usually representing stages in a process such as a sales pipeline. */
Funnel = 12,
/** Displays a step chart */
Step = 13,
/** Displays a step chart with symbols on each data point. */
StepSymbols = 14,
/** Displays a step area chart */
StepArea = 15
}
/**
* Specifies whether and how to stack the chart's data values.
*/
export declare enum Stacking {
/** No stacking. Each series object is plotted independently. */
None = 0,
/** Stacked charts show how each value contributes to the total. */
Stacked = 1,
/** 100% stacked charts show how each value contributes to the total with the relative size of
* each series representing its contribution to the total. */
Stacked100pc = 2
}
/**
* The core charting control for {@link FlexChart}.
*/
export declare class FlexChartCore extends FlexChartBase {
static _CSS_AXIS_X: string;
static _CSS_AXIS_Y: string;
static _CSS_LINE: string;
static _CSS_GRIDLINE: string;
static _CSS_TICK: string;
static _CSS_GRIDLINE_MINOR: string;
static _CSS_TICK_MINOR: string;
static _CSS_DATA_LABELS: string;
private _series;
private _axes;
private _pareas;
private _axisX;
private _axisY;
private _selection;
private _interpolateNulls;
private _legendToggle;
private _symbolSize;
_dataInfo: selfModule._DataInfo;
_plotRect: Rect;
private __barPlotter;
private __linePlotter;
private __areaPlotter;
private __bubblePlotter;
private __financePlotter;
private __funnelPlotter;
private _plotters;
private _binding;
private _bindingX;
_rotated: boolean;
_stacking: selfModule.Stacking;
private _lbl;
_xlabels: string[];
_xvals: number[];
_xDataType: DataType;
private _hitTester;
private _lblAreas;
private _keywords;
private _curPlotter;
private _colRowLens;
private _selectedEls;
_markers: LineMarker[];
_bindingSeparator: string;
/**
* Initializes a new instance of the {@link FlexChart} class.
*
* @param element The DOM element that hosts the control, or a CSS selector for the host element (e.g. '#theCtrl').
* @param options A JavaScript object containing initialization data for the control.
*/
constructor(element: any, options?: any);
initialize(options: any): void;
_initAxes(): void;
/**
* Gets the collection of {@link Series} objects.
*/
readonly series: ObservableArray;
/**
* Gets the collection of {@link Axis} objects.
*/
readonly axes: ObservableArray;
/**
* Gets or sets the main X axis.
*/
axisX: Axis;
/**
* Gets or sets the main Y axis.
*/
axisY: Axis;
/**
* Gets the collection of {@link PlotArea} objects.
*/
readonly plotAreas: PlotAreaCollection;
/**
* Gets or sets the name of the property that contains the Y values.
*/
binding: string;
/**
* Gets or sets the name of the property that contains the X data values.
*/
bindingX: string;
/**
* Gets or sets the size of the symbols used for all Series objects
* in this {@link FlexChart}.
*
* This property may be overridden by the symbolSize property on
* each {@link Series} object.
*
* The default value for this property is 10 pixels.
*/
symbolSize: number;
/**
* Gets or sets a value that determines whether to interpolate
* null values in the data.
*
* If true, the chart interpolates the value of any missing data
* based on neighboring points. If false, it leaves a break in
* lines and areas at the points with null values.
*
* The default value for this property is false.
*/
interpolateNulls: boolean;
/**
* Gets or sets a value indicating whether clicking legend items toggles the
* series visibility in the chart.
*
* The default value for this property is false.
*/
legendToggle: boolean;
/**
* Gets the chart {@link Tooltip} object.
*
* The tooltip content is generated using a template that may contain any of the following
* parameters:
*
*
* - propertyName: Any property of the data object represented by the point.
* - seriesName: Name of the series that contains the data point (FlexChart only).
* - pointIndex: Index of the data point.
* - value: Value of the data point (y-value for {@link FlexChart}, item value for {@link FlexPie}).
* - x: x-value of the data point (FlexChart only).
* - y: y-value of the data point (FlexChart only).
* - name: Name of the data point (x-value for {@link FlexChart} or legend entry for {@link FlexPie}).
*
*
* To modify the template, assign a new value to the tooltip's content property.
* For example:
*
*
* chart.tooltip.content = '<b>{seriesName}</b> ' +
* '<img src="resources/{x}.png"/><br/>{y}';
*
*
* You can disable chart tooltips by setting the template to an empty string.
*
* You can also use the {@link tooltip} property to customize tooltip parameters
* such as {@link Tooltip.showDelay} and {@link Tooltip.hideDelay}:
*
*
* chart.tooltip.showDelay = 1000;
*
*
* See {@link ChartTooltip} properties for more details and options.
*/
readonly tooltip: ChartTooltip;
/**
* Gets or sets the point data label.
*/
dataLabel: DataLabel;
/**
* Gets or sets the selected chart series.
*/
selection: SeriesBase;
/**
* Gets or sets the chart render engine.
*/
renderEngine: IRenderEngine;
/**
* Occurs when the series visibility changes, for example when the legendToggle
* property is set to true and the user clicks the legend.
*/
readonly seriesVisibilityChanged: Event;
/**
* Raises the {@link seriesVisibilityChanged} event.
*
* @param e The {@link SeriesEventArgs} object that contains the event data.
*/
onSeriesVisibilityChanged(e: SeriesEventArgs): void;
/**
* Gets a {@link HitTestInfo} object with information about the specified point.
*
* @param pt The point to investigate, in window coordinates.
* @param y The Y coordinate of the point (if the first parameter is a number).
* @return A {@link HitTestInfo} object with information about the point.
*/
hitTest(pt: any, y?: number): HitTestInfo;
/**
* Converts a {@link Point} from control coordinates to chart data coordinates.
*
* @param pt The point to convert, in control coordinates.
* @param y The Y coordinate of the point (if the first parameter is a number).
* @return The point in chart data coordinates.
*/
pointToData(pt: any, y?: number): Point;
/**
* Converts a {@link Point} from data coordinates to control coordinates.
*
* @param pt {@link Point} in data coordinates, or X coordinate of a point in data coordinates.
* @param y Y coordinate of the point (if the first parameter is a number).
* @return The {@link Point} in control coordinates.
*/
dataToPoint(pt: any, y?: number): Point;
/**
* Disposes of the control by removing its association with the host element.
*/
dispose(): void;
_copy(key: string, value: any): boolean;
_createSeries(): SeriesBase;
_clearCachedValues(): void;
_performBind(): void;
_hitTestSeries(pt: Point, seriesIndex: number): HitTestInfo;
_hitTestData(pt: any): HitTestInfo;
_hitTestLabels(pt: Point): _IHitArea;
private static _dist2;
static _dist(p0: Point, p1: Point, p2: Point): number;
static _distToSegmentSquared(p: Point, v: Point, w: Point): number;
_isRotated(): boolean;
_plotrectId: string;
_getChartType(): ChartType;
_prepareRender(): void;
_renderChart(engine: IRenderEngine, rect: Rect, applyElement: boolean): void;
_getDesiredLegendSize(engine: IRenderEngine, isVertical: boolean, width: number, height: number): Size;
_renderLegend(engine: IRenderEngine, pos: Point, areas: any[], isVertical: boolean, width: number, height: number): void;
private _legendReversed;
private _renderLegendElements;
private _renderLabels;
private _getAxes;
private _clearPlotters;
_initPlotter(plotter: _IPlotter): void;
private readonly _barPlotter;
private readonly _linePlotter;
private readonly _areaPlotter;
private readonly _bubblePlotter;
private readonly _financePlotter;
private readonly _funnelPlotter;
_getPlotter(series: SeriesBase): _IPlotter;
_layout(rect: Rect, size: Size, engine: IRenderEngine): void;
private _layoutSingle;
private _layoutMultiple;
private _convertX;
private _convertY;
_getLabelContent(ht: HitTestInfo, content: any): string;
private _select;
private _highlightCurrent;
private _highlight;
private _updateTooltip;
_updateAuxAxes(axes: Axis[], isRotated: boolean): void;
}
/**
* Analyzes chart data.
*/
export declare class _DataInfo {
private minY;
private maxY;
private minX;
private maxX;
private minXp;
private minYp;
private dataTypeX;
private dataTypeY;
private stackAbs;
private _xvals;
private dx;
constructor();
analyse(seriesList: any, isRotated: boolean, stacking: Stacking, xvals: Array, logx: boolean, logy: boolean): void;
_parseYVal(val: any, xval: any, custom: any, stackAbs: any, stackPos: any, stackNeg: any): void;
getMinY(): number;
getMaxY(): number;
getMinX(): number;
getMaxX(): number;
getMinXp(): number;
getMinYp(): number;
getDeltaX(): number;
getDataTypeX(): DataType;
getDataTypeY(): DataType;
getStackedAbsSum(key: number): number;
getXVals(): Array;
static isValid(...vals: number[]): boolean;
}
/**
* The {@link FlexChart} control provides a powerful and flexible way to visualize
* data.
*
* You can use the {@link FlexChart} control to create charts that display data in
* several formats, including bar, line, symbol, bubble, and others.
*
* To use the {@link FlexChart} control, set the {@link FlexChart.itemsSource} property
* to an array containing the data objects, then add one or more {@link Series} objects
* to the {@link FlexChart.series} property.
*
* Use the {@link FlexChart.chartType} property to define the {@link ChartType} used as
* a default for all series. You may override the chart type for each series by
* setting the {@link Series.chartType} property on the members of the
* {@link FlexChart.series} array.
*
* {@sample Chart/Overview/purejs Example}
*/
export declare class FlexChart extends FlexChartCore {
private _chartType;
/**
* Initializes a new instance of the {@link FlexChart} class.
*
* @param element The DOM element that hosts the control, or a CSS selector for the host element (e.g. '#theCtrl').
* @param options A JavaScript object containing initialization data
* for the control.
*/
constructor(element: any, options?: any);
_getChartType(): ChartType;
/**
* Gets or sets the type of chart to create.
*
* The default value for this property is ChartType.Column.
*/
chartType: ChartType;
/**
* Gets or sets a value indicating whether to flip the axes so that
* X becomes vertical and Y becomes horizontal.
*
* The default value for this property is false.
*/
rotated: boolean;
/**
* Gets or sets a value that determines whether and how the series objects are stacked.
*
* The default value for this property is Stacking.None.
*/
stacking: Stacking;
/**
* Gets or sets various chart options.
*
* The following options are supported:
*
* htmlText: If true, it allows to use HTML tags in chart text elements like header, footer
* legend, axis and data labels. The default value is false.
*
* chart.header: 'Country GDP';
* chart.options = {
* htmlText: true
* }
*
* bubble.maxSize: Specifies the maximum size
* of symbols in the Bubble chart. The default value is 30 pixels.
*
* bubble.minSize: Specifies the minimum size
* of symbols in the Bubble chart. The default value is 5 pixels.
*
* chart.options = {
* bubble: { minSize: 5, maxSize: 30 }
* }
*
*
* funnel.neckWidth: Specifies the neck width as a percentage for the Funnel chart.
* The default value is 0.2.
*
* funnel.neckHeight: Specifies the neck height as a percentage for the Funnel chart.
* The default value is 0.
*
* funnel.type: Specifies the type of Funnel chart. It should be 'rectangle' or 'default'.
* neckWidth and neckHeight don't work if type is set to rectangle.
*
* chart.options = {
* funnel: { neckWidth: 0.3, neckHeight: 0.3, type: 'rectangle' }
* }
* groupWidth: Specifies the group width for the Column charts,
* or the group height for the Bar charts. The group width can be specified
* in pixels or as percentage of the available space. The default value is '70%'.
*
* chart.options = {
* groupWidth : 50; // 50 pixels
* }
* chart.options = {
* groupWidth : '100%'; // 100% pixels
* }
*/
options: any;
}
/**
* Specifies the position of data labels on the chart.
*/
export declare enum LabelPosition {
/** No data labels appear. */
None = 0,
/** The labels appear to the left of the data points. */
Left = 1,
/** The labels appear above the data points. */
Top = 2,
/** The labels appear to the right of the data points. */
Right = 3,
/** The labels appear below the data points. */
Bottom = 4,
/** The labels appear centered on the data points. */
Center = 5
}
/**
* Specifies the position of data labels on the pie chart.
*/
export declare enum PieLabelPosition {
/** No data labels. */
None = 0,
/** The label appears inside the pie slice. */
Inside = 1,
/** The item appears at the center of the pie slice. */
Center = 2,
/** The item appears outside the pie slice. */
Outside = 3,
/** The item appears inside the pie slice and depends of its angle. */
Radial = 4,
/** The item appears inside the pie slice and has circular direction. */
Circular = 5
}
/**
* Provides arguments for {@link DataLabel} rendering event.
*/
export declare class DataLabelRenderEventArgs extends RenderEventArgs {
private _ht;
private _pt;
private _text;
/**
* Initializes a new instance of the {@link DataLabelRenderEventArgs} class.
*
* @param engine ({@link IRenderEngine}) The rendering engine to use.
* @param ht The hit test information.
* @param pt The reference point.
* @param text The label text.
*/
constructor(engine: IRenderEngine, ht: HitTestInfo, pt: Point, text: string);
/**
* Gets or sets a value that indicates whether the event should be cancelled.
*/
cancel: boolean;
/**
* Gets the point associated with the label in control coordinates.
*/
readonly point: Point;
/**
* Gets or sets the label text.
*/
text: string;
/**
* Gets the hit test information.
*/
readonly hitTestInfo: HitTestInfo;
}
/**
* Represents the base abstract class for the {@link DataLabel} and the {@link PieDataLabel} classes.
*/
export declare class DataLabelBase {
private _content;
_chart: FlexChartBase;
private _bdr;
private _line;
private _off;
/**
* Gets or sets the content of data labels.
*
* The content can be specified as a string or as a function that
* takes {@link HitTestInfo} object as a parameter.
*
* When the label content is a string, it can contain any of the following
* parameters:
*
*
* - seriesName: Name of the series that contains the data point (FlexChart only).
* - pointIndex: Index of the data point.
* - value: Value of the data point.
* - x: x-value of the data point (FlexChart only).
* - y: y-value of the data point (FlexChart only).
* - name: Name of the data point.
* - propertyName: any property of data object.
*
*
* The parameter must be enclosed in curly brackets, for example 'x={x}, y={y}'.
*
* In the following example, we show the y value of the data point in the labels.
*
*
* // Create a chart and show y data in labels positioned above the data point.
* var chart = new FlexChart('#theChart');
* chart.initialize({
* itemsSource: data,
* bindingX: 'country',
* series: [
* { name: 'Sales', binding: 'sales' },
* { name: 'Expenses', binding: 'expenses' },
* { name: 'Downloads', binding: 'downloads' }],
* });
* chart.dataLabel.position = "Top";
* chart.dataLabel.content = "{country} {seriesName}:{y}";
*
*
* The next example shows how to set data label content using a function.
*
*
* // Set the data label content
* chart.dataLabel.content = function (ht) {
* return ht.name + ":" + ht.value.toFixed();
* }
*
*
*/
content: any;
/**
* Gets or sets a value indicating whether the data labels have borders.
*/
border: boolean;
/**
* Gets or sets the offset from label to the data point.
*/
offset: number;
/**
* Gets or sets a value indicating whether to draw lines that connect
* labels to the data points.
*/
connectingLine: boolean;
/**
* Occurs before the data label is rendered.
*/
readonly rendering: Event;
/**
* Raises the {@link rendering} event.
*
* @param e The {@link DataLabelRenderEventArgs} object used to render the label.
* @return True if the event was not canceled.
*/
onRendering(e: DataLabelRenderEventArgs): boolean;
_invalidate(): void;
}
/**
* The point data label for FlexChart.
*/
export declare class DataLabel extends DataLabelBase {
private _pos;
/**
* Gets or sets the position of the data labels.
*/
position: LabelPosition;
}
/**
* The point data label for FlexPie.
*/
export declare class PieDataLabel extends DataLabelBase {
private _pos;
/**
* Gets or sets the position of the data labels.
*/
position: PieLabelPosition;
}
export declare class _DataPoint {
private _seriesIndex;
private _pointIndex;
private _dataX;
private _dataY;
constructor(seriesIndex: number, pointIndex: number, dataX: number, dataY: number);
readonly seriesIndex: number;
readonly pointIndex: number;
dataX: number;
dataY: number;
}
export declare enum _MeasureOption {
X = 0,
Y = 1,
XY = 2
}
export declare class _RectArea implements _IHitArea {
private _rect;
constructor(rect: Rect);
readonly rect: Rect;
tag: any;
ignoreLabel: boolean;
contains(pt: Point): boolean;
pointDistance(pt1: Point, pt2: Point, option: _MeasureOption): number;
distance(pt: Point): number;
}
export declare class _CircleArea implements _IHitArea {
private _center;
private _rad;
private _rad2;
tag: any;
ignoreLabel: boolean;
constructor(center: Point, radius: number);
setRadius(radius: number): void;
readonly center: Point;
contains(pt: Point): boolean;
distance(pt: Point): number;
}
export declare class _LinesArea implements _IHitArea {
private _x;
private _y;
tag: any;
ignoreLabel: boolean;
constructor(x: any, y: any);
contains(pt: Point): boolean;
distance(pt: Point): number;
}
export declare class _HitResult {
area: _IHitArea;
distance: number;
}
export declare class _HitTester {
_chart: FlexChartCore;
_map: {
[key: number]: Array<_IHitArea>;
};
constructor(chart: FlexChartCore);
add(area: _IHitArea, seriesIndex: number): void;
clear(): void;
hitTest(pt: Point, testLines?: boolean): _HitResult;
hitTestSeries(pt: Point, seriesIndex: any): _HitResult;
}
/**
* Specifies the type of chart element found by the hitTest method.
*/
export declare enum ChartElement {
/** The area within the axes. */
PlotArea = 0,
/** X-axis. */
AxisX = 1,
/** Y-axis. */
AxisY = 2,
/** The area within the control but outside the axes. */
ChartArea = 3,
/** The chart legend. */
Legend = 4,
/** The chart header. */
Header = 5,
/** The chart footer. */
Footer = 6,
/** A chart series. */
Series = 7,
/** A chart series symbol. */
SeriesSymbol = 8,
/** A data label. */
DataLabel = 9,
/** No chart element. */
None = 10
}
/**
* Contains information about a part of a {@link FlexChart} control at
* a specified page coordinate.
*/
export declare class HitTestInfo {
private _chart;
private _pt;
private _series;
private _pointIndex;
_chartElement: ChartElement;
_dist: number;
private _item;
private _x;
private __xfmt;
private _y;
private __yfmt;
private _name;
private _groupIndex;
/**
* Initializes a new instance of the {@link HitTestInfo} class.
*
* @param chart The chart control.
* @param point The original point in window coordinates.
* @param element The chart element.
*/
constructor(chart: FlexChartBase, point: Point, element?: ChartElement);
/**
* Gets the {@link FlexChartBase} that owns this {@link HitTestInfo}.
*/
readonly chart: FlexChartBase;
/**
* Gets the point, in control coordinates,
* that this {@link HitTestInfo} refers to.
*/
readonly point: Point;
/**
* Gets the chart series at the specified coordinates.
*/
readonly series: SeriesBase;
/**
* Gets the data point index at the specified coordinates.
*/
readonly pointIndex: number;
/**
* Gets the chart element at the specified coordinates.
*/
readonly chartElement: ChartElement;
/**
* Gets the distance to the closest data point.
*/
readonly distance: number;
/**
* Gets the data object that corresponds to the closest data point.
*/
readonly item: any;
/**
* Gets the x-value of the closest data point.
*/
readonly x: any;
/**
* Gets the y-value of the closest data point.
*/
readonly y: any;
readonly value: any;
readonly name: any;
/**
* Gets the group index for the closest data point.
*/
readonly groupIndex: number;
readonly _xfmt: any;
readonly _yfmt: any;
_setData(series: SeriesBase, pi?: number): void;
_setDataGroup(gi: number, pi: number): void;
_setName(name: string): void;
_setDataPoint(dataPoint: _DataPoint): void;
_getValueFmt(): any;
private _getValue;
private readonly ax;
private readonly ay;
}
/**
* Specifies whether and where the Series is visible.
*/
export declare enum SeriesVisibility {
/** The series is visible on the plot and in the legend. */
Visible = 0,
/** The series is visible only on the plot. */
Plot = 1,
/** The series is visible only in the legend. */
Legend = 2,
/** The series is hidden. */
Hidden = 3
}
/**
* Specifies the type of marker to use for the {@link Series.symbolMarker}
* property.
*
* Applies to Scatter, LineSymbols, and SplineSymbols chart types.
*/
export declare enum Marker {
/**
* Uses a circle to mark each data point.
*/
Dot = 0,
/**
* Uses a square to mark each data point.
*/
Box = 1
}
/**
* Data series interface
*/
export interface _ISeries {
style: any;
symbolStyle: any;
getValues: (dim: number) => number[];
getDataType: (dim: number) => DataType;
drawLegendItem(engine: IRenderEngine, rect: Rect, index: number): any;
measureLegendItem(engine: IRenderEngine, index: number): Size;
_setPointIndex(pointIndex: number, elementIndex: number): any;
}
export declare class DataArray {
dataType: DataType;
values: Array;
}
/**
* Provides arguments for {@link Series} events.
*/
export declare class SeriesEventArgs extends EventArgs {
_series: SeriesBase;
/**
* Initializes a new instance of the {@link SeriesEventArgs} class.
*
* @param series Specifies the {@link Series} object affected by this event.
*/
constructor(series: SeriesBase);
/**
* Gets the {@link Series} object affected by this event.
*/
readonly series: SeriesBase;
}
/**
* Represents a series of data points to display in the chart.
*/
export declare class SeriesBase implements _ISeries {
static _LEGEND_ITEM_WIDTH: number;
static _LEGEND_ITEM_HEIGHT: number;
static _LEGEND_ITEM_MARGIN: number;
private static _DEFAULT_SYM_SIZE;
__chart: FlexChartCore;
private _name;
private _binding;
private _showValues;
private _symbolStyle;
private _symbolSize;
private _style;
private _altStyle;
_cv: ICollectionView;
private _itemsSource;
private _values;
private _valueDataType;
_chartType: ChartType;
private _symbolMarker;
private _bindingX;
private _xvalues;
private _xvalueDataType;
private _cssClass;
private _visibility;
private _axisX;
private _axisY;
private __plotter;
private _interpolateNulls;
private _tooltipContent;
private _itemFormatter;
private _cache;
_legendElement: SVGAElement;
_hostElement: SVGGElement;
_pointIndexes: number[];
/**
* Initializes a new instance of the {@link SeriesBase} class.
*
* @param options JavaScript object containing initialization data for the object.
*/
constructor(options?: any);
/**
* Gets or sets a value that determines whether to interpolate
* null values in the data.
*
* If true, the series interpolates the value of any missing data
* based on neighboring points. If false, it leaves a break in
* lines and areas at the points with null values.
*
* The default value for this property is false.
*/
interpolateNulls: boolean;
/**
* Gets or sets the series style.
*/
style: any;
/**
* Gets or sets the alternate style for the series.
*
* The alternate style is used for negative values in Bar, Column,
* and Scatter charts; and for rising values in financial chart types
* like Candlestick, LineBreak, EquiVolume etc.
*
* The default value for this property is null, which causes the
* series to use the default style.
*/
altStyle: any;
/**
* Gets or sets the series symbol style.
*
* Applies to Bar, Column, Scatter, LineSymbols, and SplineSymbols chart types.
*/
symbolStyle: any;
/**
* Gets or sets the size (in pixels) of the symbols used to render this {@link Series}.
* Applies to Scatter, LineSymbols, and SplineSymbols chart types.
*
* The default value for this property is 10 pixels.
*/
symbolSize: number;
/**
* Gets or sets the shape of marker to use for each data point in the series.
* Applies to Scatter, LineSymbols, and SplineSymbols chart types.
*
* The default value for this property is Marker.Dot.
*/
symbolMarker: Marker;
/**
* Gets or sets the name of the property that contains Y values for the series.
*/
binding: string;
/**
* Gets or sets the name of the property that contains X values for the series.
*/
bindingX: string;
/**
* Gets or sets the series name.
*
* The series name is displayed in the chart legend. Any series without a name
* does not appear in the legend.
*/
name: string;
/**
* Gets or sets the array or {@link ICollectionView} object that contains the series data.
*/
itemsSource: any;
/**
* Gets the {@link ICollectionView} object that contains the data for this series.
*/
readonly collectionView: ICollectionView;
/**
* Gets the {@link FlexChart} object that owns this series.
*/
readonly chart: FlexChartCore;
/**
* Gets the series host element.
*/
readonly hostElement: SVGGElement;
/**
* Gets the series element in the legend.
*/
readonly legendElement: SVGGElement;
/**
* Gets or sets the series CSS class.
*/
cssClass: string;
/**
* Gets or sets an enumerated value indicating whether and where the series appears.
*
* The default value for this property is SeriesVisibility.Visible.
*/
visibility: SeriesVisibility;
/**
* Gets or sets the series specific tooltip content.
*
* The property overrides the content of chart tooltip content.
*/
tooltipContent: any;
/**
* Gets or sets the item formatter function that allows you to customize
* the appearance of the series.
*
* The property overrides the chart's itemFormatter {@link wijmo.chart.FlexChart.itemFormatter}.
*/
itemFormatter: Function;
/**
* Gets a {@link HitTestInfo} object with information about the specified point.
*
* @param pt The point to investigate, in window coordinates.
* @param y The Y coordinate of the point (if the first parameter is a number).
*/
hitTest(pt: any, y?: number): HitTestInfo;
/**
* Gets the plot element that corresponds to the specified point index.
*
* @param pointIndex The index of the data point.
*/
getPlotElement(pointIndex: number): any;
/**
* Gets or sets the X-axis for the series.
*/
axisX: Axis;
/**
* Gets or sets the Y-axis for the series.
*/
axisY: Axis;
/**
* Initializes the series by copying the properties from a given object.
*
* @param options JavaScript object containing initialization data for the series.
*/
initialize(options: any): void;
/**
* Converts a {@link Point} from control coordinates to series data coordinates.
*
* @param pt The point to convert, in control coordinates.
* @return The point in series data coordinates.
*/
pointToData(pt: Point): Point;
/**
* Converts a {@link Point} from series data coordinates to control coordinates.
*
* @param pt {@link Point} in series data coordinates.
* @return The {@link Point} in control coordinates.
*/
dataToPoint(pt: Point): Point;
/**
* Occurs when series is rendering.
*/
readonly rendering: Event, selfModule.SeriesRenderingEventArgs>;
/**
* Raises the {@link rendering} event.
*
* @param engine The {@link IRenderEngine} object used to render the series.
* @param index The index of the series to render.
* @param count Total number of the series to render.
*/
onRendering(engine: IRenderEngine, index: number, count: number): boolean;
/**
* Occurs when series is rendered.
*/
readonly rendered: Event, selfModule.RenderEventArgs>;
/**
* Raises the {@link rendered} event.
*
* @param engine The {@link IRenderEngine} object used to render the series.
*/
onRendered(engine: IRenderEngine): void;
_chart: FlexChartCore;
_getSymbolSize(): number;
_plotter: _IPlotter;
getDataType(dim: number): DataType;
getValues(dim: number): number[];
/**
* Draw a legend item at the specified position.
*
* @param engine The rendering engine to use.
* @param rect The position of the legend item.
* @param index Index of legend item(for series with multiple legend items).
*/
drawLegendItem(engine: IRenderEngine, rect: Rect, index: number): void;
private _getLegendStyle;
/**
* Measures height and width of the legend item.
*
* @param engine The rendering engine to use.
* @param index Index of legend item(for series with multiple legend items).
*/
measureLegendItem(engine: IRenderEngine, index: number): Size;
/**
* Returns number of series items in the legend.
*/
legendItemLength(): number;
/**
* Returns the series bounding rectangle in data coordinates.
*
* If getDataRect() returns null, the limits are calculated automatically based on the data values.
*
* @param currentRect The current rectangle of chart. This parameter is optional.
* @param calculatedRect The calculated rectangle of chart. This parameter is optional.
*/
getDataRect(currentRect?: Rect, calculatedRect?: Rect): Rect;
_getChartType(): ChartType;
/**
* Clears any cached data values.
*/
_clearValues(): void;
_getBinding(index: number): string;
_getBindingValues(index: number): number[];
_getItem(pointIndex: number): any;
_getLength(): number;
_setPointIndex(pointIndex: number, elementIndex: number): void;
private _getDataRect;
_isCustomAxisX(): boolean;
_isCustomAxisY(): boolean;
_getAxisX(): Axis;
_getAxisY(): Axis;
_measureLegendItem(engine: IRenderEngine, text: string): Size;
_drawFunnelLegendItem(engine: IRenderEngine, rect: Rect, index: number, style: any, symbolStyle: any): void;
private _getFunnelLegendName;
_drawLegendItem(engine: IRenderEngine, rect: Rect, chartType: ChartType, text: string, style: any, symbolStyle: any): void;
private _cvCollectionChanged;
private _cvCurrentChanged;
_bindValues(items: Array, binding: string, isX?: boolean): DataArray;
_invalidate(): void;
_indexToPoint(pointIndex: number): Point;
_getSymbolFill(seriesIndex?: number): string;
_getSymbolStroke(seriesIndex?: number): string;
_getAltSymbolStroke(seriesIndex?: number): string;
_getAltSymbolFill(seriesIndex?: number): string;
_renderLabels(engine: IRenderEngine, smap: _IHitArea[], chart: FlexChartCore, lblAreas: _RectArea[]): void;
}
/**
* Plots data series.
*/
export interface _IPlotter {
chart: FlexChartCore;
dataInfo: _DataInfo;
hitTester: _HitTester;
seriesIndex: number;
seriesCount: number;
clipping: boolean;
stacking: Stacking;
rotated: boolean;
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): any;
_renderLabels(engine: IRenderEngine, series: SeriesBase, smap: _IHitArea[], chart: FlexChartCore, lblAreas: _RectArea[]): any;
_renderLabel(engine: IRenderEngine, map: _IHitArea, dp: _DataPoint, chart: FlexChartCore, lbl: DataLabel, series: SeriesBase, offset: number, lblAreas: _RectArea[]): any;
load(): any;
unload(): any;
}
/**
* Base class for chart plotters of all types (bar, line, area).
*/
export declare class _BasePlotter {
_DEFAULT_WIDTH: number;
_DEFAULT_SYM_SIZE: number;
clipping: boolean;
chart: FlexChartCore;
hitTester: _HitTester;
dataInfo: _DataInfo;
seriesIndex: number;
seriesCount: number;
clear(): void;
_renderLabels(engine: IRenderEngine, series: SeriesBase, smap: _IHitArea[], chart: FlexChartCore, lblAreas: _RectArea[]): void;
_renderLabel(engine: IRenderEngine, map: _IHitArea, dp: _DataPoint, chart: FlexChartCore, lbl: DataLabel, series: SeriesBase, offset: number, lblAreas: _RectArea[]): void;
_getPointAndPosition(pt: Point, pos: LabelPosition, map: _IHitArea, chart: FlexChartCore): void;
_getLabelPoint(series: SeriesBase, dataPoint: _DataPoint): Point;
_renderLabelAndBorder(engine: IRenderEngine, s: string, pos: LabelPosition, offset: number, pt: Point, line: boolean, marg: any, border: boolean): Rect;
getOption(name: string, parent?: string): any;
getNumOption(name: string, parent?: string): number;
getItemFormatter(series: _ISeries): Function;
static cloneStyle(style: any, ignore: string[]): any;
isValid(datax: number, datay: number, ax: _IAxis, ay: _IAxis): boolean;
load(): void;
unload(): void;
_createSteps(x: number[], y: number[], num?: number): {
x: number[];
y: number[];
};
}
/**
* Represents a series of data points to display in the chart.
*
* The {@link Series} class supports all basic chart types. You may define
* a different chart type on each {@link Series} object that you add to the
* {@link FlexChart} series collection. This overrides the {@link chartType}
* property set on the chart that is the default for all {@link Series} objects
* in its collection.
*/
export declare class Series extends SeriesBase {
/**
* Gets or sets the chart type for a specific series, overriding the chart type
* set on the overall chart.
*
* The default value for this property is null, which causes the
* series to use chart type defined by the parent chart.
*/
chartType: ChartType;
}
/**
* The {@link FlexPie} control provides pie and doughnut charts with selectable
* slices.
*
* To use the {@link FlexPie} control, set the {@link FlexPie.itemsSource} property
* to an array containing the data and use the {@link FlexPie.binding} and
* {@link FlexPie.bindingName} properties to set the properties that contain
* the item values and names.
*/
export declare class FlexPie extends FlexChartBase {
private static _MARGIN;
private static _CSS_GROUP_TITLE;
private _binding;
private _bindingName;
_areas: any[];
private _keywords;
private _startAngle;
private _innerRadius;
private _offset;
private _reversed;
private _isAnimated;
private _selectedItemPosition;
private _selectedItemOffset;
private _pieGroups;
_rotationAngles: number[];
private _centers;
_radius: number;
private _selectedOffset;
private _selectedIndex;
private _angles;
private _selectionAnimationID;
private _colRowLens;
private _lbl;
private _titles;
private _innerText;
private _innerTextStyle;
private _chartsPerLine;
_values: number[][];
_labels: string[];
_pels: any[];
_sum: number;
_sums: number[];
_bindingSeparator: string;
/**
* Initializes a new instance of the {@link FlexPie} class.
*
* @param element The DOM element that hosts the control, or a selector for the host element (e.g. '#theCtrl').
* @param options A Javascript object containing initialization data for the control.
*/
constructor(element: any, options?: any);
/**
* Gets or sets the name of the property that contains the chart values.
*/
binding: string;
/**
* Gets or sets the name of the property that contains the name of the data items.
*/
bindingName: string;
/**
* Gets or sets the starting angle for the pie slices, in degrees.
*
* Angles are measured clockwise, starting at the 9 o'clock position.
*
* The default value for this property is 0.
*/
startAngle: number;
/**
* Gets or sets the offset of the slices from the pie center.
*
* The offset is measured as a fraction of the pie radius.
*
* The default value for this property is 0.
*/
offset: number;
/**
* Gets or sets the size of the pie's inner radius.
*
* The inner radius is measured as a fraction of the pie radius.
*
* The default value for this property is zero, which creates
* a pie. Setting this property to values greater than zero
* creates pies with a hole in the middle, also known as
* doughnut charts. The valid range for inner radius is from 0 to 1.
*
* The default value for this property is 0.
*/
innerRadius: number;
/**
* Gets or sets the style of text inside the pie.
*/
innerTextStyle: any;
/**
* Gets or sets the text inside the pie (at the pie center).
*/
innerText: any;
/**
* Gets or sets a value that determines whether angles are reversed
* (counter-clockwise).
*
* The default value is false, which causes angles to be measured in
* the clockwise direction.
*
* The default value for this property is false.
*/
reversed: boolean;
/**
* Gets or sets the position of the selected slice.
*
* Setting this property to a value other than 'None' causes
* the pie to rotate when an item is selected.
*
* Note that in order to select slices by clicking the chart,
* you must set the {@link selectionMode} property to 'Point'.
*
* The default value for this property is Position.None.
*/
selectedItemPosition: Position;
/**
* Gets or sets the offset of the selected slice from the pie center.
*
* Offsets are measured as a fraction of the pie radius.
*
* The default value for this property is 0.
*/
selectedItemOffset: number;
/**
* Gets or sets a value indicating whether to use animation when items are selected.
*
* See also the {@link selectedItemPosition} and {@link selectionMode}
* properties.
*
* The default value for this property is false.
*/
isAnimated: boolean;
/**
* Gets the chart's {@link Tooltip}.
*/
readonly tooltip: ChartTooltip;
/**
* Gets or sets the point data label.
*/
dataLabel: PieDataLabel;
/**
* Gets or sets the index of the selected slice.
*/
selectedIndex: number;
/**
* Gets or sets the pie titles.
*
* The titles are shown above each pie chart when multiple properties are specified in {@link binding}.
* If the property is not set (undefined) the property names are used as pie titles.
*/
titles: string[];
/**
* Gets or sets the maximal number of charts per line.
*
* The property is used when there are multiple pies. By default,
* it's undefined and the control perform layout automatically.
*/
chartsPerLine: number;
_getLabelsForLegend(): string[];
/**
* Gets a {@link HitTestInfo} object with information about the specified point.
*
* @param pt The point to investigate, in window coordinates.
* @param y The Y coordinate of the point (if the first parameter is a number).
* @param isTooltip Enables hit testing for tooltip.
* @return A {@link HitTestInfo} object containing information about the point.
*/
hitTest(pt: any, y?: number, isTooltip?: boolean): HitTestInfo;
private _hitTestData;
private _isSmallSegment;
_performBind(): void;
_getBindings(): string[];
_initData(): void;
_getBindData(item: any, values: number[], labels: any, binding: string, bindingName: string): number;
_render(engine: IRenderEngine, applyElement?: boolean, bg?: string): void;
_prepareRender(): void;
_renderChart(engine: IRenderEngine, rect: Rect, applyElement: boolean): void;
_layout(eng: IRenderEngine, r: Rect, titles: string[], n: number): Rect[];
_getDesiredLegendSize(engine: IRenderEngine, isVertical: boolean, width: number, height: number): Size;
_renderLegend(engine: IRenderEngine, pos: Point, areas: any[], isVertical: boolean, width: number, height: number): void;
_renderData(engine: IRenderEngine, rect: Rect, i: number, g: any): void;
_renderPie(engine: IRenderEngine, gi: number, radius: number, innerRadius: number, startAngle: number, offset: number): void;
_getCenter(): Point;
_renderSlices(engine: any, values: any, sum: any, gi: number, radius: any, innerRadius: any, startAngle: any, totalSweep: any, offset: any): void;
_renderSlice(engine: IRenderEngine, cx: number, cy: number, currentAngle: number, gi: number, idx: number, radius: number, innerRadius: number, startAngle: number, sweep: number, totalSweep: number): void;
_getSelectedItemOffset(index: any, angle: any): {
x: number;
y: number;
};
_renderInnerText(engine: IRenderEngine): void;
_renderLabels(engine: IRenderEngine): void;
_drawSlice(engine: IRenderEngine, gi: number, i: number, reversed: boolean, cx: number, cy: number, r: number, irad: number, angle: number, sweep: number): void;
_measureLegendItem(engine: IRenderEngine, name: string): Size;
_drawLegendItem(engine: IRenderEngine, rect: Rect, i: number, name: string): void;
private _getLabelContent;
private _select;
_highlightCurrent(): void;
_highlight(selected: boolean, pointIndex: number, animate?: boolean): void;
_animateSelectionAngle(targetAngles: number[], duration: number): void;
_getHitTestItem(index: number): any;
_getHitTestValue(index: number, gi: number): number;
_getHitTestLabel(index: number): string;
}
export interface _ISegment {
center: Point;
radius: number;
langle: number;
angle: number;
sweep: number;
gi: number;
}
export declare class _PieSegment implements _IHitArea, _ISegment {
private _center;
private _angle;
private _sweep;
private _radius;
private _radius2;
private _isFull;
private _originAngle;
private _originSweep;
private _startAngle;
constructor(center: Point, radius: number, angle: number, sweep: number, startAngle?: number);
contains(pt: Point): boolean;
distance(pt: Point): number;
readonly center: Point;
readonly radius: number;
readonly langle: number;
readonly angle: number;
readonly sweep: number;
tag: any;
ignoreLabel: boolean;
gi: number;
}
export declare class _DonutSegment implements _IHitArea, _ISegment {
private _center;
private _angle;
private _sweep;
private _originAngle;
private _originSweep;
private _radius;
private _radius2;
private _iradius;
private _iradius2;
private _isFull;
private _startAngle;
constructor(center: Point, radius: number, innerRadius: number, angle: number, sweep: number, startAngle?: number);
contains(pt: Point): boolean;
distance(pt: Point): number;
readonly center: Point;
readonly radius: number;
readonly langle: number;
readonly angle: number;
readonly sweep: number;
readonly innerRadius: number;
tag: any;
ignoreLabel: boolean;
gi: number;
}
/**
* Specifies the direction of the lines shown by the {@link LineMarker}.
*/
export declare enum LineMarkerLines {
/** No lines. */
None = 0,
/** Vertical line. */
Vertical = 1,
/** Horizontal line. */
Horizontal = 2,
/** Vertical and horizontal lines. */
Both = 3
}
/**
* Specifies how the {@link LineMarker} interacts with the user.
*/
export declare enum LineMarkerInteraction {
/** No interaction, the user specifies the position by clicking. */
None = 0,
/** The {@link LineMarker} moves with the pointer. */
Move = 1,
/** The {@link LineMarker} moves when the user drags the lines. */
Drag = 2
}
/**
* Specifies the alignment of the {@link LineMarker}.
*/
export declare enum LineMarkerAlignment {
/**
* The LineMarker alignment adjusts automatically so that it stays
* within the boundaries of the plot area. */
Auto = 2,
/** The LineMarker aligns to the right of the pointer. */
Right = 0,
/** The LineMarker aligns to the left of the pointer. */
Left = 1,
/** The LineMarker aligns to the bottom of the pointer. */
Bottom = 4,
/** The LineMarker aligns to the top of the pointer. */
Top = 6
}
/**
* Represents an extension of the LineMarker for the FlexChart.
*
* The {@link LineMarker} consists of a text area with content reflecting
* data point values, and optional vertical or horizontal lines
* (or both for a cross-hair effect) positioned over the plot area.
*
* It can be static (interaction = None), follow the mouse or touch
* position (interaction = Move), or move when the user drags the
* line (interaction = Drag).
*
* For example:
*
* // create an interactive marker with a horizontal line and y-value
* var lm = new LineMarker($scope.ctx.chart, {
* lines: LineMarkerLines.Horizontal,
* interaction: LineMarkerInteraction.Move,
* alignment : LineMarkerAlignment.Top
* });
* lm.content = function (ht) {
* // show y-value
* return lm.y.toFixed(2);
* }
*
*/
export declare class LineMarker {
static _CSS_MARKER: string;
static _CSS_MARKER_HLINE: string;
static _CSS_MARKER_VLINE: string;
static _CSS_MARKER_CONTENT: string;
static _CSS_MARKER_CONTAINER: string;
static _CSS_LINE_DRAGGABLE: string;
static _CSS_TOUCH_DISABLED: string;
private _chart;
private _plot;
private _marker;
private _markerContainer;
private _markerContent;
private _dragEle;
private _hLine;
private _vLine;
private _plotRect;
private _targetPoint;
private _wrapperMoveMarker;
private _capturedEle;
private _wrapperMousedown;
private _wrapperMouseup;
private _contentDragStartPoint;
private _mouseDownCrossPoint;
private _savedPosition;
private _isVisible;
private _horizontalPosition;
private _verticalPosition;
private _alignment;
private _content;
private _seriesIndex;
private _lines;
private _interaction;
private _dragThreshold;
private _dragContent;
private _dragLines;
/**
* Initializes a new instance of the {@link LineMarker} class.
*
* @param chart The chart on which the LineMarker appears.
* @param options A JavaScript object containing initialization data for the control.
*/
constructor(chart: FlexChartCore, options?: any);
/**
* Gets the {@link FlexChart} object that owns the LineMarker.
*/
readonly chart: FlexChartCore;
/**
* Gets or sets the visibility of the LineMarker.
*/
isVisible: boolean;
/**
* Gets or sets the index of the series in the chart in which the LineMarker appears.
* This takes effect when the {@link interaction} property is set to
* LineMarkerInteraction.Move or LineMarkerInteraction.Drag.
*/
seriesIndex: number;
/**
* Gets or sets the horizontal position of the LineMarker relative to the plot area.
*
* Its value range is (0, 1).
* If the value is null or undefined and {@link interaction} is set to
* LineMarkerInteraction.Move or LineMarkerInteraction.Drag,
* the horizontal position of the marker is calculated automatically based on the
* pointer's position.
*/
horizontalPosition: number;
/**
* Gets the current x-value as chart data coordinates.
*/
readonly x: number;
/**
* Gets the current y-value as chart data coordinates.
*/
readonly y: number;
/**
* Gets or sets the content function that allows you to customize the text content of the LineMarker.
*/
content: Function;
/**
* Gets or sets the vertical position of the LineMarker relative to the plot area.
*
* Its value range is (0, 1).
* If the value is null or undefined and {@link interaction} is set to LineMarkerInteraction.Move
* or LineMarkerInteraction.Drag, the vertical position of the LineMarker is calculated automatically based on the pointer's position.
*/
verticalPosition: number;
/**
* Gets or sets the alignment of the LineMarker content.
*
* By default, the LineMarker shows to the right, at the bottom of the target point.
* Use '|' to combine alignment values.
*
*
* // set the alignment to the left.
* marker.alignment = LineMarkerAlignment.Left;
* // set the alignment to the left top.
* marker.alignment = LineMarkerAlignment.Left | LineMarkerAlignment.Top;
*
*/
alignment: LineMarkerAlignment;
/**
* Gets or sets the visibility of the LineMarker lines.
*/
lines: LineMarkerLines;
/**
* Gets or sets the interaction mode of the LineMarker.
*/
interaction: LineMarkerInteraction;
/**
* Gets or sets the maximum distance from the horizontal or vertical
* line that the marker can be dragged.
*/
dragThreshold: number;
/**
* Gets or sets a value indicating whether the content of the marker
* is draggable when the interaction mode is "Drag."
*/
dragContent: boolean;
/**
* Gets or sets a value indicating whether the lines are linked
* when the horizontal or vertical line is dragged when the
* interaction mode is "Drag."
*/
dragLines: boolean;
/**
* Occurs after the {@link LineMarker}'s position changes.
*/
readonly positionChanged: Event;
/**
* Raises the {@link positionChanged} event.
*
* @param point The target point at which to show the LineMarker.
*/
onPositionChanged(point: Point): void;
/**
* Removes the LineMarker from the chart.
*/
remove(): void;
private _attach;
private _attachDrag;
private _detach;
private _detachDrag;
private _toggleDragEventAttach;
private _onMousedown;
private _onMouseup;
_moveMarker(e: any): void;
private _calcStackedValue;
private _sign;
private _getElementPaddingValuee;
private _show;
private _hide;
private _toggleVisibility;
private _resetDefaultValue;
private _initialize;
private _createMarker;
private _removeMarker;
private _getContainer;
private _createContainer;
private _createChildren;
private _toggleElesDraggableClass;
private _updateMarkerSize;
private _updateLinesSize;
private _resetLinesVisibility;
private _updateMarkerPosition;
private _updateContent;
private _raisePositionChanged;
private _updatePositionByAlignment;
private _getEventPoint;
private _pointInRect;
private _getTop;
}
/**
* Specifies the axis type.
*/
export declare enum AxisType {
/** Category axis (normally horizontal). */
X = 0,
/** Value axis (normally vertical). */
Y = 1
}
/**
* Specifies how to handle overlapping labels.
*/
export declare enum OverlappingLabels {
/**
* Hide overlapping labels.
*/
Auto = 0,
/**
* Show all labels, including overlapping ones.
*/
Show = 1
}
/**
* Axis interface.
*/
export interface _IAxis {
actualMin: number;
actualMax: number;
convert(val: number): number;
}
/**
* Specifies whether and where the axis tick marks appear.
*/
export declare enum TickMark {
/** No tick marks appear. */
None = 0,
/** Tick marks appear outside the plot area. */
Outside = 1,
/** Tick marks appear inside the plot area. */
Inside = 2,
/** Tick marks cross the axis. */
Cross = 3
}
/**
* Axis groups display options.
*/
export declare enum AxisGroupsDisplay {
/** Hide groups */
None = 0,
/** Default group appearance */
Show = 1,
/** Show groups as grid */
ShowGrid = 2
}
/**
* Provides options for axis groups.
*/
export interface IAxisGroupsOptions {
/**
* Gets or sets the options for axis groups display.
*/
display: AxisGroupsDisplay;
}
/**
* Represents an axis in the chart.
*/
export declare class Axis implements _IAxis {
_GRIDLINE_WIDTH: number;
_LINE_WIDTH: number;
_TICK_WIDTH: number;
_TICK_HEIGHT: number;
_TICK_OVERLAP: number;
_TICK_LABEL_DISTANCE: number;
private static MAX_MAJOR;
private static MAX_MINOR;
_chart: FlexChartCore;
private _type;
private _min;
private _max;
private _position;
private _majorUnit;
private _minorUnit;
private _majorGrid;
private _minorGrid;
private _title;
private _labelStyle;
private _reversed;
private _format;
_actualMin: number;
_actualMax: number;
_axisType: AxisType;
private _majorTickMarks;
private _minorTickMarks;
private _logBase;
private _labels;
private _labelAngle;
private _labelAlign;
private _axisLine;
_plotrect: Rect;
private _szTitle;
_isTimeAxis: boolean;
_lbls: string[];
_values: number[];
private _rects;
private _name;
private _origin;
private _overlap;
private _items;
private _cv;
private _binding;
private _ifmt;
private _tfmt;
private static _id;
private __uniqueId;
private _parea;
private _labelPadding;
private _actualLabels;
private _labelMin;
private _labelMax;
private _groupsPanel;
private _groupsOptions;
_axrect: Rect;
_desiredSize: Size;
_annoSize: Size;
_annoSizeBase: Size;
_hasOrigin: boolean;
_hostElement: SVGGElement;
_vals: any;
/**
* Initializes a new instance of the {@link Axis} class.
*
* @param position The position of the axis on the chart.
*/
constructor(position?: Position);
/**
* Gets the axis host element.
*/
readonly hostElement: SVGGElement;
/**
* Gets the actual axis minimum.
*
* It returns a number or a Date object (for time-based data).
*/
readonly actualMin: any;
/**
* Gets the actual axis maximum.
*
* It returns a number or a Date object (for time-based data).
*/
readonly actualMax: any;
/**
* Gets or sets the minimum value shown on the axis.
*
* The value can be a number or a Date object (for time-based data).
*
* The default value for this property is null, which causes
* the chart to calculate the minimum value based on the data.
*/
min: any;
/**
* Gets or sets the maximum value shown on the axis.
*
* The value can be a number or a Date object (for time-based data).
*
* The default value for this property is null, which causes
* the chart to calculate the maximum value based on the data.
*/
max: any;
/**
* Gets or sets a value indicating whether the axis is
* reversed (top to bottom or right to left).
*
* The default value for this property is false.
*/
reversed: boolean;
/**
* Gets or sets the position of the axis with respect to the plot area.
* TopLeft, TopRight, BottomLeft, BottomRight, LeftTop, LeftBottom, RightTop and RightBottom are not valid for Axis Position. If set it would be changed to default Position of respective axis.
* When Position set to X-Axis, None/Top/Bottom would be applicable and if other values are set, it would be change to X-Axis default Position value.
* When Position set to Y-Axis, None/Left/Right would be applicable and if other values are set, it would be changed to Y-Axis default Position value.
*/
position: Position;
/**
* Gets or sets the number of units between axis labels.
*
* If the axis contains date values, then the units are
* expressed in days.
*/
majorUnit: number;
/**
* Gets or sets the number of units between minor axis ticks.
*
* If the axis contains date values, then the units are
* expressed in days.
* If the logBase value is set on the axis, then the minorUnit value would be
* increased by the exponential multiple of logBase Value when caculating minor unit values between next major unit values.
*/
minorUnit: number;
/**
* Gets or sets the axis name.
*/
name: string;
/**
* Gets or sets the title text shown next to the axis.
*/
title: string;
/**
* Gets or sets the format string used for the axis labels
* (see {@link Globalize}).
*/
format: string;
/**
* Gets or sets a value indicating whether the axis includes grid lines.
*/
majorGrid: boolean;
/**
* Gets or sets the location of the axis tick marks.
*/
majorTickMarks: TickMark;
/**
* Gets or sets a value indicating whether the axis includes minor grid lines.
*/
minorGrid: boolean;
/**
* Gets or sets the location of the minor axis tick marks.
*/
minorTickMarks: TickMark;
/**
* Gets or sets a value indicating whether the axis line is visible.
*
* The default value for this property is true.
*/
axisLine: boolean;
/**
* Gets or sets a value indicating whether the axis labels are visible.
*
* The default value for this property is true.
*/
labels: boolean;
/**
* Gets or sets the label alignment.
*
* By default the labels are centered. The supported values are
* 'left' and 'right for the X-axis, 'top' and 'bottom' for the Y-axis.
*/
labelAlign: string;
/**
* Gets or sets the rotation angle of the axis labels.
*
* The angle is measured in degrees with valid values
* ranging from -90 to 90.
*/
labelAngle: number;
/**
* Gets or sets a value that determines whether the minimum axis value should be always labeled.
*
* The default value for this property is **false**.
*/
labelMin: boolean;
/**
* Gets or sets a value that determines whether the maximum axis value should be always labeled.
*
* The default value for this property is **false**.
*/
labelMax: boolean;
/**
* Gets or sets the value at which an axis crosses the perpendicular axis.
**/
origin: number;
/**
* Gets or sets a value indicating how to handle overlapping axis labels.
*
* The default value for this property is OverlappingLabels.Auto.
*/
overlappingLabels: OverlappingLabels;
/**
* Gets or sets the items source for the axis labels.
*
* Names of the properties are specified by the {@link Axis.binding} property.
*
* For example:
*
*
* // default value for Axis.binding is 'value,text'
* chart.axisX.itemsSource = [ { value:1, text:'one' }, { value:2, text:'two' } ];
*
*/
itemsSource: any;
/**
* Gets or sets the comma-separated property names for the
* {@link Axis.itemsSource} property to use in axis labels.
*
* The first name specifies the value on the axis, the second represents the corresponding
* axis label. The default value is 'value,text'.
*/
binding: string;
/**
* Gets or sets the itemFormatter function for the axis labels.
*
* If specified, the function takes two parameters:
*
* - render engine: The {@link IRenderEngine} object to be used
* in formatting the labels.
* - current label: An object with the following properties:
*
* - value: The value of the axis label to format.
* - text: The text to use in the label.
* - pos: The position in control coordinates at which
* the label is to be rendered.
* - cls: The CSS class to be applied to the label.
*
*
*
* The function returns the label parameters of labels for which
* properties are modified.
*
* For example:
*
* chart.axisY.itemFormatter = function(engine, label) {
* if (label.val > 5){
* engine.textFill = 'red'; // red text
* label.cls = null; // no default CSS
* }
* return label;
* }
*
*/
itemFormatter: Function;
/**
* Gets or sets the logarithmic base of the axis.
*
* If the base is not specified the axis uses a linear scale.
*
* Use the {@link logBase} property to spread data that is clustered
* around the origin. This is common in several financial and economic
* data sets.
*/
logBase: number;
/**
* Gets or sets label groups settings for the axis.
*
* Label groups are created by modifying the {@link ICollectionView.groupDescriptions}
* property of the {@link ICollectionView} object used as an {@link FlexChart.itemsSource}.
*
* The default value is **null** and the axis label groups are not displayed.
*
* To display groups you should create groups in collection view and specify the groupsOptions for the axis.
*
* For example,
*
* ```typescript
* let view = new CollectionView( getData(), {
* groupDescriptions: [
* new PropertyGroupDescription('category'),
* new PropertyGroupDescription('subCategory')]
* });
* const chart = new FlexChart('#theChart', {
* itemsSource: view,
* bindingX: 'product',
* series: [ { binding:'sales' } ],
* axisX: { groupsOptions: { display : AxisGroupsDisplay.Show } },
* });
* ```
*/
groupsOptions: IAxisGroupsOptions;
/**
* Gets the array with actual axis labels.
*/
readonly axisLabels: string[];
_getLogBase(): number;
_isLogAxis(): boolean;
/**
* Gets or sets the plot area for the axis.
*/
plotArea: PlotArea;
/**
* Gets or sets the label padding, in pixels.
*
* The default value for this property is 5 pixels.
*/
labelPadding: number;
readonly _groupClass: string;
/**
* Occurs when the axis range changes.
*/
readonly rangeChanged: Event;
/**
* Raises the {@link rangeChanged} event.
*/
onRangeChanged(e?: EventArgs): void;
_getPosition(): Position;
_isOverlapped(engine: IRenderEngine, w: number, lblClass: string, axisType: AxisType): boolean;
_actualAngle: number;
/**
* Calculates the axis height.
*
* @param engine Rendering engine.
* @param maxw Max width.
*/
_getHeight(engine: IRenderEngine, maxw: number): number;
_updateAutoFormat(delta: number): number;
_getActualRange(): number;
_updateActualLimitsByChartType(labels: any, min: any, max: any): {
min: any;
max: any;
};
/**
* Update the actual axis limits based on a specified data range.
*
* @param dataType Data type.
* @param dataMin Data minimum.
* @param dataMax Data maximum.
* @param labels Category labels(category axis).
* @param values Values(value axis).
*/
_updateActualLimits(dataType: DataType, dataMin: number, dataMax: number, labels?: string[], values?: number[]): void;
/**
* Set the axis position.
*
* @param axisRect Axis rectangle.
* @param plotRect Plot area rectangle.
*/
_layout(axisRect: Rect, plotRect: Rect): void;
_hasVisibileSeries(): boolean;
_getSeries(): Series;
/**
* Render the axis.
*
* @param engine Rendering engine.
*/
_render(engine: IRenderEngine): void;
_getAutoLbsAndVals(lbls: any, vals: any): void;
_renderLineAndTitle(engine: any): void;
_renderMinor(engine: any, vals: any, isCategory: any): void;
_renderRotatedText(engine: IRenderEngine, val: any, text: string, pos: Point, halign: any, valign: any, center: Point, angle: number, className: string, groupClassName?: string, style?: any): void;
_getFormattedItem(engine: IRenderEngine, val: any, text: string, pos: Point, className: string, readOnly?: boolean): {
val: any;
text: string;
pos: Point;
cls: string;
};
_renderLabelsAndTicks(engine: any, index: any, val: any, sval: any, labelAngle: any, tickMarks: any, showLabel: any, t1: any, t2: any): boolean;
_xCross(x: number): boolean;
_createMinors(engine: IRenderEngine, vals: number[], isVert: boolean, isNear: boolean, isCategory: boolean): void;
_createLogarithmicMinors(engine: IRenderEngine, vals: number[], isVert: boolean, isNear: boolean, isCategory: boolean): void;
_renderMinors(engine: IRenderEngine, ticks: number[], isVert: boolean, isNear: boolean): void;
_renderLabel(engine: IRenderEngine, val: number, text: string, pos: Point, ha: any, va: any, className?: string): boolean;
private _renderRotatedLabel;
private _getLabelAlign;
_addMinMaxLabels(vals: number[], lbls: string[]): void;
_customConvert: Function;
_customConvertBack: Function;
/**
* Converts the specified value from data to pixel coordinates.
*
* @param val The data value to convert.
* @param maxValue The max value of the data, it's optional.
* @param minValue The min value of the data, it's optional.
*/
convert(val: number, maxValue?: number, minValue?: number): number;
/**
* Converts the specified value from pixel to data coordinates.
*
* @param val The pixel coordinates to convert back.
*/
convertBack(val: number): number;
/**
* Gets the axis type.
*/
readonly axisType: AxisType;
_getMinNum(): number;
_getMaxNum(): number;
_getTitleSize(): Size;
private _invalidate;
private _cvCollectionChanged;
private _createLabels;
private _createLogarithmicLabels;
_createTimeLabels(start: number, len: number, vals: number[], lbls: string[]): void;
_formatValue(val: number): string;
_hitTest(point: Point): any;
private _formatAxisValue;
private _findFormat;
private _calcMajorUnit;
private _getAnnoNumber;
private _nicePrecision;
private _niceTickNumber;
_niceNumber(x: number, exp: number, round: boolean): number;
readonly _uniqueId: number;
}
/**
* Represents a collection of {@link Axis} objects in a {@link FlexChart} control.
*/
export declare class AxisCollection extends ObservableArray {
/**
* Gets an axis by name.
*
* @param name The name of the axis to look for.
* @return The axis object with the specified name, or null if not found.
*/
getAxis(name: string): Axis;
/**
* Gets the index of an axis by name.
*
* @param name The name of the axis to look for.
* @return The index of the axis with the specified name, or -1 if not found.
*/
indexOf(name: string): number;
}
export declare class _AxisLabel {
private _value;
private _label;
private _start;
private _end;
private _rect;
constructor(label: string, start: number, length: number);
readonly value: number;
readonly label: string;
readonly start: number;
readonly end: number;
rect: Rect;
}
declare class _AxisGroup {
private _labels;
private _index;
private _size;
private _level;
private _last;
constructor(level: number, last?: boolean);
readonly labels: _AxisLabel[];
index: number;
height: number;
width: number;
readonly level: number;
getSize(engine: IRenderEngine, className?: string, groupClass?: string): Size;
render(engine: IRenderEngine, axis: Axis, value: number, className?: string, groupClass?: string): void;
hitTest(point: Point): _AxisLabel;
private renderLinesX;
private renderLinesY;
private drawLine;
private _trimText;
}
export declare class _AxisGroups {
private _groups;
private _axis;
private _height;
private _margin;
constructor(axis: Axis);
readonly groups: _AxisGroup[];
readonly axis: Axis;
createGroups(): void;
private createGroup;
private layoutGroups;
getHeight(engine: IRenderEngine): number;
layout(): void;
render(engine: IRenderEngine): void;
hitTest(point: Point): _AxisLabel;
}
/**
* Area chart plotter.
*/
export declare class _AreaPlotter extends _BasePlotter implements _IPlotter {
stacking: selfModule.Stacking;
isSpline: boolean;
isStep: boolean;
rotated: boolean;
private stackPos;
private stackNeg;
constructor();
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
clear(): void;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
private _isRange;
private _modifyPoints;
plotSeriesRanged(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
_drawRangedArea(engine: IRenderEngine, xvals1: number[], yvals1: number[], xvals2: number[], yvals2: number[], fill: string, stroke: string, swidth: number, pstyle: any, lstyle: any): void;
_convertToSpline(x: number[], y: number[]): {
xs: any;
ys: any;
};
_drawSymbols(engine: IRenderEngine, series: _ISeries, seriesIndex: number): void;
}
/**
* Bar/column chart plotter.
*/
export declare class _BarPlotter extends _BasePlotter implements _IPlotter {
origin: number;
width: number;
isVolume: boolean;
private _volHelper;
private _itemsSource;
stackPosMap: {};
stackNegMap: {};
stacking: selfModule.Stacking;
rotated: boolean;
_getSymbolOrigin: Function;
_getSymbolStyles: Function;
clear(): void;
load(): void;
unload(): void;
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
private _isRange;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
private drawSymbol;
private drawDefaultSymbol;
}
/**
* Funnel chart plotter.
*/
export declare class _FunnelPlotter extends _BasePlotter implements _IPlotter {
_getSymbolOrigin: Function;
_getSymbolStyles: Function;
stacking: selfModule.Stacking;
rotated: boolean;
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
private _getTrapezoidArea;
private _getTrapezoidOffsetY;
private drawDefaultSymbol;
_getPointAndPosition(pt: Point, pos: LabelPosition, map: _IHitArea, chart: FlexChartCore): void;
}
export declare class _FunnelSegment implements _IHitArea {
private _center;
private _startPoint;
private _width;
private _height;
private _neckWidth;
private _neckHeight;
private _offsetX;
private _offsetY;
private _rotated;
constructor(startPoint: Point, width: number, height: number, neckWidth: number, neckHeight: number, rotated?: boolean);
contains(pt: Point): boolean;
distance(pt: Point): number;
readonly center: Point;
tag: any;
ignoreLabel: boolean;
}
export declare class _FinancePlotter extends _BasePlotter {
isCandle: boolean;
isArms: boolean;
isEqui: boolean;
isVolume: boolean;
symbolWidth: any;
private _volHelper;
private _itemsSource;
private _symWidth;
private _isPixel;
clear(): void;
load(): void;
unload(): void;
parseSymbolWidth(val: any): void;
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
_drawSymbol(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, si: number, pi: number, fill: any, w: number, x: number, hi: number, lo: number, open: number, close: number, pointsLength: number): void;
}
/**
* Line/scatter chart plotter.
*/
export declare class _LinePlotter extends _BasePlotter implements _IPlotter {
hasSymbols: boolean;
hasLines: boolean;
isSpline: boolean;
isStep: boolean;
hitTestSymbols: boolean;
rotated: boolean;
stacking: selfModule.Stacking;
stackPos: {
[key: number]: number;
};
stackNeg: {
[key: number]: number;
};
constructor();
clear(): void;
adjustLimits(dataInfo: _DataInfo, plotRect: Rect): Rect;
plotSeries(engine: IRenderEngine, ax: _IAxis, ay: _IAxis, series: _ISeries, palette: _IPalette, iser: number, nser: number, customRender?: Function): void;
_drawLines(engine: IRenderEngine, xs: number[], ys: number[], className?: string, style?: any, clipPath?: string, num?: number): void;
_drawSymbol(engine: IRenderEngine, x: number, y: number, sz: number, series: SeriesBase, pointIndex: number, ifmt: Function): void;
_drawDefaultSymbol(engine: IRenderEngine, x: number, y: number, sz: number, marker: Marker, style?: any): void;
}
export declare class _BubblePlotter extends _LinePlotter {
private _MIN_SIZE;
private _MAX_SIZE;
private _minSize;
private _maxSize;
private _minValue;
private _maxValue;
constructor();
adjustLimits(dataInfo: _DataInfo, pr: Rect): Rect;
_drawSymbol(engine: IRenderEngine, x: number, y: number, sz: number, series: Series, pointIndex: number, ifmt: Function): void;
}
export {};