import { ElementRef, OnInit } from '@angular/core';
import { CfChartComponent } from '../chart/chart.component';
import { TemplateService } from '../../services/template-service/template.service';
import { CfEventService } from '../../services/event-service/event.service';
/**
 * <p>CfAreaChart component is created based on <a href="https://github.com/swimlane/ngx-charts" target="_blank">Ngx-charts</a></b>
 * and <b>CfChartComponet</b></p>
 * <code><pre>
 * import {{'{'}} AreaChartModel {{'}'}} from 'cedrus-fusion'
 * import {{'{'}} ChartStylingModel {{'}'}} from 'cedrus-fusion'
 * <code><</code>cf-area-chart<code>></code><code><</code><code>/</code>cf-area-chart<code>></code>
 * </pre></code>
 * <code><pre>{{'{'}}
 *	data: any[], 										// Data to show
 *  view: number[]                  // Dimensions of chart [width, height] by px
 *	gradient: boolean, 							// Fill elements with a gradient instead of a solid color. Default: false.
 *	showLegend: boolean, 						// If to show the legend. Default: true.
 *	colorScheme: ChartsColorScheme, // Array with string css color values. Default: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA'].
 *	showXAxis: boolean, 						// If to show the x axis. Default: true.
 *	showYAxis: boolean, 						// If to show the y axis. Default: true.
 *	showXAxisLabel: boolean, 				// If to show the x axis label. Default: true.
 *	showYAxisLabel: boolean, 				// If to show the y axis label. Default: true.
 *	xAxisLabel: string, 						// The x axis label
 *	yAxisLabel: string, 						// The y axis label
 *	autoScale: boolean,							// Set the minimum value of the y axis to the minimum value in the data, instead of 0. Default: false.
 *	stacked: boolean,								// If area chart is show in stacked mode. Default: false.
 *	legendPosition: string,					// Legend position. Can be: top, right, bottom, left. Default: right.
 *	chartAlignment: string,					// Alignment of chart. Can be: start, center, end. Default: start.
 * {{'}'}}</pre></code>
 * <p>Example of data object:</p>
 * <code><pre>data = [
 *  {{'{'}}
 *    "name": "Germany",
 *    "series": [
 *    	{{'{'}} "name": "2010", "value": 7300000 {{'}'}},
 *    	{{'{'}} "name": "2011", "value": 8940000 {{'}'}}
 *    ]
 *  {{'}'}},
 *  {{'{'}}
 *    "name": "USA",
 *    "series": [
 *    	{{'{'}} "name": "2010", "value": 7870000 {{'}'}},
 *    	{{'{'}} "name": "2011", "value": 8270000 {{'}'}}
 *    ]
 *  {{'}'}},
 *  {{'{'}}
 *    "name": "France",
 *    "series": [
 *    	{{'{'}} "name": "2010", "value": 5000002 {{'}'}},
 *    	{{'{'}} "name": "2011", "value": 5800000 {{'}'}}
 *     ]
 *   {{'}'}}
 * ]</pre></code>
 * <p>Example of chart options:</p>
 * <code><pre>myChartModel = new AreaChartModel({{'{'}}
 *	data: this.data,
 *	stacked: true
 *{{'}'}});</pre></code>
 * <p>Styling</p>
 * <code><pre>{{'{'}}
 *	barsContainerWidth: string, 							// It is css value for chart bars container width. Default: 100%.
 *	barsContainerHeight: string', 						// It is css value for chart bars container height. Default: 200px.
 *	container: StylingObject, 	// Styling of chart container
 * {{'}'}}</pre></code>
 * <p>Example of styling object:</p>
 * <code><pre>chartStylingModel = new ChartStylingModel({{'{'}}
 *	barsContainerWidth: '100%',
 *	barsContainerHeight: '200px',
 *	container: {{'{'}}
 *		class: 'my-chart-class'
 *	{{'}'}}
 *{{'}'}});</pre></code>
 */
export declare class CfAreaChartComponent extends CfChartComponent implements OnInit {
    elementRef: ElementRef;
    /**@hidden */ eventService: CfEventService;
    /** @hidden*/
    cfChartHost: any;
    /** @hidden*/
    cfNgxChart: any;
    /**
       * <p>Defines if the chart is stacked. Default: false.</p>
       */
    stacked: boolean;
    /**
     * <p>Set the minimum value of the y axis to the minimum value in the data, instead of 0. Default: false.</p>
     */
    autoScale: boolean;
    /** @hidden*/
    constructor(elementRef: ElementRef, 
        /**@hidden */ templateService: TemplateService, 
        /**@hidden */ eventService: CfEventService);
    /** @hidden*/
    ngOnInit(): void;
}