@syncfusion/ej2-angular-charts 26.1.35 → 26.1.38

package/schematics/generators/chart-line/schema.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-
-export interface Schema extends ComponentSchema { }

package/schematics/generators/chart-multi-level-labels/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/chart-multi-level-labels/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/chart-multi-level-labels/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/chart-multi-level-labels/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/chart-multi-level-labels/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'chart';
-exports.sampleName = 'multi-level-labels';
-exports.diModules = 'MultiLevelLabelService,CategoryService,ColumnSeriesService,DataLabelService,TooltipService,LegendService';
-exports.packageName = '@syncfusion/ej2-angular-charts';
-exports.libModules = 'ChartModule';

package/schematics/generators/chart-multi-level-labels/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'chart';
-export const sampleName: string = 'multi-level-labels';
-export const diModules: string =  'MultiLevelLabelService,CategoryService,ColumnSeriesService,DataLabelService,TooltipService,LegendService';
-export const packageName: string = '@syncfusion/ej2-angular-charts';
-export const libModules: string = 'ChartModule';

package/schematics/generators/chart-multi-level-labels/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,64 +0,0 @@
-
-<div class="control-section">
-    <div>
-        <ejs-chart #chart style='display:block;' align='center' id='chartcontainer' [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' 
-        [title]='title' (load)='load($event)' [tooltip]='tooltip' (pointRender)='pointRender($event)' [legendSettings]='legendSettings' [width]='width'>
-            <e-axes>
-                <e-axis>
-                    <e-multilevellabels>
-                        <e-multilevellabel>
-                            <e-categories>
-                                <e-category start=-0.5 end=1.5 text='Seedless'>
-                                </e-category>
-                                <e-category start=1.5 end=3.5 text='Seeded'>
-                                </e-category>
-                                <e-category start=3.5 end=4.5 text='Seedless'>
-                                </e-category>
-                                <e-category start=4.5 end=5.5 text='Seeded'>
-                                </e-category>
-                                <e-category start=5.5 end=6.5 text='Seedless'>
-                                </e-category>
-                                <e-category start=6.5 end=7.5 text='Seeded'>
-                                </e-category>
-                                <e-category start=-7.5 end=8.5 text='Seedless'>
-                                </e-category>
-                                <e-category start=8.5 end=9.5 text='Seeded'>
-                                </e-category>
-                            </e-categories>
-                        </e-multilevellabel>
-                        <e-multilevellabel>
-                            <e-categories>
-                                <e-category start=-0.5 end=3.5 text='In Season'>
-                                </e-category>
-                                <e-category start=3.5 end=5.5 text='Out of Season'>
-                                </e-category>
-                                <e-category start=5.5 end=7.5 text='In Season'>
-                                </e-category>
-                                <e-category start=7.5 end=9.5 text='Out of Season'>
-                                </e-category>
-                            </e-categories>
-                        </e-multilevellabel>
-                        <e-multilevellabel>
-                            <e-categories>
-                                <e-category start=-0.5 end=5.5 text='Fruits'>
-                                </e-category>
-                                <e-category start=5.5 end=9.5 text='Vegetables'>
-                                </e-category>
-                            </e-categories>
-                        </e-multilevellabel>                    
-                    </e-multilevellabels>
-                </e-axis>
-            </e-axes>
-            <e-series-collection>
-                <e-series [dataSource]='data' type='Column' xName='x' yName='y'[marker]='marker'>
-                </e-series>
-            </e-series-collection>
-        </ejs-chart>
-    </div>
-</div>
-
-<style>
-    .control-section {
-        min-height: 450px;
-    }
-</style>

package/schematics/generators/chart-multi-level-labels/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,128 +0,0 @@
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { ILoadedEventArgs, ChartComponent, IPointRenderEventArgs, ChartTheme } from '@syncfusion/ej2-angular-charts';
-import { LabelIntersectAction, EdgeLabelPlacement, AxisPosition } from '@syncfusion/ej2-charts';
-import { Browser } from '@syncfusion/ej2-base';
-
-
-/**
- * Sample for smart axis labels Positions
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-
-    public data: Object[] = [
-        { x: 'Grapes', y: 28 }, { x: 'Apples', y: 87 },
-        { x: 'Pears', y: 42 }, { x: 'Grapes', y: 13 },
-        { x: 'Apples', y: 13 }, { x: 'Pears', y: 10 },
-        { x: 'Tomato', y: 31 }, { x: 'Potato', y: 96 },
-        { x: 'Cucumber', y: 41 }, { x: 'Onion', y: 59 }];
-    //Initializing Primary X Axis
-    public primaryXAxis: Object = {
-        valueType: 'Category', labelRotation: 90,
-        border: { width: 1, type: 'Rectangle' },
-        isIndexed: true, interval: 1, majorGridLines: { width: 0 },
-        multiLevelLabels: (Browser.isDevice ? ([
-            {
-                border: { type: 'Rectangle' },
-                categories: [
-                    { start: -0.5, end: 2.5, text: 'In Season', },
-                    { start: 2.5, end: 5.5, text: 'Out of Season', },
-                    { start: 5.5, end: 7.5, text: 'In Season', },
-                    { start: 7.5, end: 9.5, text: 'Out of Season', },
-                ]
-            }, {
-                border: { type: 'Rectangle' },
-                textStyle: { fontWeight: 'Bold' },
-                categories: [
-                    { start: -0.5, end: 5.5, text: 'Fruits', },
-                    { start: 5.5, end: 9.5, text: 'Vegetables', },
-                ]
-            }]) : [
-                {
-                    border: { type: 'Rectangle' },
-                    categories: [
-                        { start: -0.5, end: 0.5, text: 'Seedless', },
-                        { start: 0.5, end: 2.5, text: 'Seeded', },
-                        { start: 2.5, end: 3.5, text: 'Seedless', },
-                        { start: 3.5, end: 5.5, text: 'Seeded', },
-                        { start: 5.5, end: 6.5, text: 'Seedless', },
-                        { start: 6.5, end: 7.5, text: 'Seeded', },
-                        { start: 7.5, end: 8.5, text: 'Seedless', },
-                        { start: 8.5, end: 9.5, text: 'Seeded', }
-                    ]
-                }, {
-                    border: { type: 'Rectangle' },
-                    categories: [
-                        { start: -0.5, end: 2.5, text: 'In Season', },
-                        { start: 2.5, end: 5.5, text: 'Out of Season', },
-                        { start: 5.5, end: 7.5, text: 'In Season', },
-                        { start: 7.5, end: 9.5, text: 'Out of Season', },
-                    ]
-                }, {
-                    border: { type: 'Rectangle' },
-                    textStyle: { fontWeight: 'Bold' },
-                    categories: [
-                        { start: -0.5, end: 5.5, text: 'Fruits', },
-                        { start: 5.5, end: 9.5, text: 'Vegetables', },
-                    ]
-                }])
-    };
-    //Initializing Primary Y Axis
-    public primaryYAxis: Object = {
-        minimum: 0, maximum: 120, interval: 30,
-        majorTickLines: { width: 0 }, lineStyle: { width: 0 }, labelStyle: { color: 'transparent' }
-    };
-    public chartArea: Object = {
-        border: {
-            width: 0
-        }
-    };
-    public legendSettings: Object = {
-        visible: false
-    };
-    public width: string = Browser.isDevice ? '100%' : '80%';
-      public load(args: ILoadedEventArgs): void {       
-        let selectedTheme: string = location.hash.split('/')[1];
-        selectedTheme = selectedTheme ? selectedTheme : 'Material';
-        args.chart.theme = <ChartTheme>(selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1));
-    };
-    public pointRender(args: IPointRenderEventArgs): void {
-        let materialColors: string[] = ['#00bdae', '#404041', '#357cd2', '#e56590', '#f8b883', '#70ad47', '#dd8abd', '#7f84e8', '#7bb4eb',
-            '#ea7a57', '#404041', '#00bdae'];
-        let fabricColors: string[] = ['#4472c4', '#ed7d31', '#ffc000', '#70ad47', '#5b9bd5',
-            '#c1c1c1', '#6f6fe2', '#e269ae', '#9e480e', '#997300', '#4472c4', '#70ad47', '#ffc000', '#ed7d31'];
-        let bootstrapColors: string[] = ['#a16ee5', '#f7ce69', '#55a5c2', '#7ddf1e', '#ff6ea6',
-            '#7953ac', '#b99b4f', '#407c92', '#5ea716', '#b91c52'];
-        let highContrastColors: string[] = ['#79ECE4', '#E98272', '#DFE6B6', '#C6E773', '#BA98FF',
-            '#FA83C3', '#00C27A', '#43ACEF', '#D681EF', '#D8BC6E'];
-        let selectedTheme: string = location.hash.split('/')[1];
-        selectedTheme = selectedTheme ? selectedTheme : 'Material';
-        if (selectedTheme && selectedTheme.indexOf('fabric') > -1) {
-            args.fill = fabricColors[args.point.index % 10];
-        } else if (selectedTheme === 'material') {
-            args.fill = materialColors[args.point.index % 10];
-        } else if (selectedTheme === 'highcontrast') {
-            args.fill = highContrastColors[args.point.index % 10];
-        } else {
-            args.fill = bootstrapColors[args.point.index % 10];
-        }
-    };
-    public marker: Object = {
-        dataLabel: {
-            visible: true,
-            position: 'Outer',
-        }
-    };
-    public tooltip: Object = {
-        enable: false
-    };
-    public title: string = 'Fruits and Vegetables - Season';
-    constructor() {
-        // code
-    };
-}

package/schematics/generators/chart-multi-level-labels/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/chart-multi-level-labels/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/chart-multi-level-labels/schema.json

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "EJ2SchemaTemplateID",
-  "title": "chart-multi-level-labels",
-  "type": "object",
-  "properties": {
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path to create the component.",
-      "visible": false
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project.",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "name": {
-      "type": "string",
-      "description": "The name of the component.",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      }
-    },
-    "inlineStyle": {
-      "description": "Specifies if the style will be in the ts file.",
-      "type": "boolean",
-      "default": false,
-      "alias": "s"
-    },
-    "inlineTemplate": {
-      "description": "Specifies if the template will be in the ts file.",
-      "type": "boolean",
-      "default": false,
-      "alias": "t"
-    },
-    "viewEncapsulation": {
-      "description": "Specifies the view encapsulation strategy.",
-      "enum": [
-        "Emulated",
-        "Native",
-        "None",
-        "ShadowDom"
-      ],
-      "type": "string",
-      "alias": "v"
-    },
-    "changeDetection": {
-      "description": "Specifies the change detection strategy.",
-      "enum": [
-        "Default",
-        "OnPush"
-      ],
-      "type": "string",
-      "default": "Default",
-      "alias": "c"
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to generated selectors.",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    },
-    "styleext": {
-      "description": "The file extension to be used for style files.",
-      "type": "string",
-      "default": "css"
-    },
-    "spec": {
-      "type": "boolean",
-      "description": "Specifies if a spec file is generated.",
-      "default": true
-    },
-    "flat": {
-      "type": "boolean",
-      "description": "Flag to indicate if a dir is created.",
-      "default": false
-    },
-    "skipImport": {
-      "type": "boolean",
-      "description": "Flag to skip the module import.",
-      "default": false
-    },
-    "selector": {
-      "type": "string",
-      "format": "html-selector",
-      "description": "The selector to use for the component."
-    },
-    "module": {
-      "type": "string",
-      "description": "Allows specification of the declaring module.",
-      "alias": "m"
-    },
-    "export": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies if declaring module exports the component."
-    },
-    "entryComponent": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies if the component is an entry component of declaring module."
-    },
-    "lintFix": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies whether to apply lint fixes after generating the component."
-    }
-  },
-  "required": [
-    "name"
-  ],
-  "id": "chart-multi-level-labels"
-}

package/schematics/generators/chart-multi-level-labels/schema.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-
-export interface Schema extends ComponentSchema { }

package/schematics/generators/chart-pie/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/chart-pie/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/chart-pie/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/chart-pie/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/chart-pie/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'chart';
-exports.sampleName = 'pie';
-exports.diModules = 'PieSeriesService,AccumulationDataLabelService,AccumulationTooltipService,AccumulationLegendService';
-exports.packageName = '@syncfusion/ej2-angular-charts';
-exports.libModules = 'ChartModule';

package/schematics/generators/chart-pie/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'chart';
-export const sampleName: string = 'pie';
-export const diModules: string =  'PieSeriesService,AccumulationDataLabelService,AccumulationTooltipService,AccumulationLegendService';
-export const packageName: string = '@syncfusion/ej2-angular-charts';
-export const libModules: string = 'ChartModule';

package/schematics/generators/chart-pie/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,16 +0,0 @@
-
-<div class="control-section">
-    <div class="col-md-8">
-        <ejs-accumulationchart id="container" #pie style='display:block;  width: 92%' [legendSettings]="legendSettings" [tooltip]="tooltip" [title]="title" (load)='load($event)' [enableAnimation]= 'enableAnimation'>
-            <e-accumulation-series-collection>
-                <e-accumulation-series name='Browser' [dataSource]='data' xName='x' yName='y' [startAngle]="startAngle" [endAngle]="endAngle" innerRadius="0%" radius="70%" [dataLabel]="dataLabel" [explode]='explode' explodeOffset='10%' [explodeIndex]='0' >
-                </e-accumulation-series>
-            </e-accumulation-series-collection>
-        </ejs-accumulationchart>
-    </div>
-    
-<style>
-    .control-section {
-        min-height: 450px;
-    }
-</style>

package/schematics/generators/chart-pie/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,90 +0,0 @@
-import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
-import { AccumulationChartComponent, AccumulationChart, IAccLoadedEventArgs, AccumulationTheme } from '@syncfusion/ej2-angular-charts';
-
-/**
- * Sample for Pie chart
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    public data: Object[] = [
-        { 'x': 'Chrome', y: 37, text: '37%' }, { 'x': 'UC Browser', y: 17, text: '17%' },
-        { 'x': 'iPhone', y: 19, text: '19%' },
-        { 'x': 'Others', y: 4, text: '4%' }, { 'x': 'Opera', y: 11, text: '11%' },
-        { 'x': 'Android', y: 12, text: '12%' }
-    ];
-
-    @ViewChild('pie')
-    public pie: AccumulationChartComponent | AccumulationChart;
-    public pieangle(e: Event): void {
-        let angle: string = (document.getElementById('pieangle') as HTMLInputElement).value;
-        this.pie.series[0].startAngle = parseFloat(angle);
-        this.pie.series[0].endAngle = parseFloat(angle);
-        this.pie.series[0].animation.enable = false;
-        document.getElementById('pieangleText').innerHTML = angle;
-        this.pie.removeSvg();
-        this.pie.refreshSeries();
-        this.pie.refreshChart();
-    };
-    public pieradius(e: Event): void {
-        let radius: string = (document.getElementById('pieradius') as HTMLInputElement).value;
-        this.pie.series[0].radius = radius + '%';
-        document.getElementById('pieradiusText').innerHTML = (parseInt(radius, 10) / 100).toFixed(2);
-        this.pie.series[0].animation.enable = false;
-        this.pie.removeSvg();
-        this.pie.refreshSeries();
-        this.pie.refreshChart();
-    };
-    public pieexploderadius(e: Event): void {
-        let radius: string = (document.getElementById('pieexploderadius') as HTMLInputElement).value;
-        this.pie.visibleSeries[0].explodeOffset = radius + '%';
-        document.getElementById('pieexploderadiusText').innerHTML = (parseInt(radius, 10) / 100).toFixed(2);
-        this.pie.series[0].animation.enable = false;
-        this.pie.removeSvg();
-        this.pie.refreshSeries();
-        this.pie.refreshChart();
-    };
-    public pieexplodeindex(e: Event): void {
-        let index: number = +(document.getElementById('pieexplodeindex') as HTMLInputElement).value;
-        this.pie.visibleSeries[0].explodeIndex = index;
-        document.getElementById('pieexplodeindexText').innerHTML = index.toString();
-        this.pie.series[0].animation.enable = false;
-        this.pie.removeSvg();
-        this.pie.refreshSeries();
-        this.pie.refreshChart();
-    };
-    public animation: Object = {
-        enable: false
-    };
-    //Initializing Legend
-    public legendSettings: Object = {
-        visible: false,
-    };
-    //Initializing Datalabel
-    public dataLabel: Object = {
-        visible: true,
-        position: 'Inside', name: 'text',
-        font: {
-            fontWeight: '600'
-        }
-    };
-    public load(args: IAccLoadedEventArgs): void {
-        let selectedTheme: string = location.hash.split('/')[1];
-        selectedTheme = selectedTheme ? selectedTheme : 'Material';
-        args.accumulation.theme = <AccumulationTheme>(selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1));
-    };
-    public startAngle: number = 0;
-    public endAngle: number = 360;
-    public explode: boolean = true;
-    public enableAnimation: boolean = false;
-    public tooltip: Object = { enable: true, format: '${point.x} : <b>${point.y}%</b>' };
-    public title: string = 'Mobile Browser Statistics';
-    constructor() {
-        //code
-    };
-
-}

package/schematics/generators/chart-pie/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/chart-pie/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });