@syncfusion/ej2-angular-charts 26.1.35 → 26.1.38-ngcc

package/schematics/generators/chart-axes-crossing/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-axes-crossing/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-axes-crossing/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-axes-crossing/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-axes-crossing/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'chart';
-exports.sampleName = 'axes-crossing';
-exports.diModules = 'LineSeriesService,SplineSeriesService,ScatterSeriesService,TooltipService,LegendService';
-exports.packageName = '@syncfusion/ej2-angular-charts';
-exports.libModules = 'ChartModule';

package/schematics/generators/chart-axes-crossing/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'chart';
-export const sampleName: string = 'axes-crossing';
-export const diModules: string =  'LineSeriesService,SplineSeriesService,ScatterSeriesService,TooltipService,LegendService';
-export const packageName: string = '@syncfusion/ej2-angular-charts';
-export const libModules: string = 'ChartModule';

package/schematics/generators/chart-axes-crossing/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,3 +0,0 @@
-.control-fluid {
-    padding: 0px !important;
-}

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

@@ -1,20 +0,0 @@
-<div class="control-section">
-    <div class="col-md-8">
-        <ejs-chart style='display:block' [legendSettings]='legend' #chart id='chartcontainer' [primaryXAxis]='primaryXAxis' [tooltip]='tooltip'
-            [primaryYAxis]='primaryYAxis' [title]='title' (load)='load($event)'>
-            <e-series-collection>
-                <e-series [dataSource]='data2' name='Linear Interpolation' type='Line' fill='blue' xName='x' yName='y' width=2 enableTooltip=false>
-                </e-series>
-                <e-series [dataSource]='data3' name='Cubic Spline Interpolation' fill='green' type='Spline' xName='x' yName='y' width=2 enableTooltip=false>
-                </e-series>
-                <e-series [dataSource]='data1' name='Data Points' fill='red' type='Scatter' xName='x' yName='y' width=2 [marker]='marker'>
-                </e-series>                
-            </e-series-collection>
-        </ejs-chart>
-    </div>
-</div>   
-<style>
-    .control-section {
-        min-height: 450px;
-    }
-</style>

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

@@ -1,110 +0,0 @@
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { ILoadedEventArgs, ChartComponent, ChartTheme } from '@syncfusion/ej2-angular-charts';
-/**
- * Sample for box and whisker series
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    public data1: Object[] = [{ x: -6, y: 2 }, { x: -3, y: -4 }, { x: 1.5, y: 3.5 }, { x: 6, y: 4.5 }];
-    public data2: Object[] = [
-        { x: -6, y: 2 }, { x: -5, y: 0 }, { x: -4.511, y: -0.977 }, { x: -3, y: -4 }, { x: -1.348, y: -1.247 },
-        { x: -0.6, y: 0 }, { x: 0, y: 1 }, { x: 1.5, y: 3.5 }, { x: 6, y: 4.5 },
-    ];
-    public data3: Object[] = [
-        { x: -6, y: 2 }, { x: -5.291, y: 0 }, { x: -5, y: -0.774 }, { x: -3, y: -4 }, { x: -0.6, y: -0.965 },
-        { x: -0.175, y: 0 }, { x: 0, y: 0.404 }, { x: 1.5, y: 3.5 }, { x: 3.863, y: 5.163 }, { x: 6, y: 4.5 },
-    ];
-    //Initializing Primary X Axis
-    public primaryXAxis: Object = {
-        minimum: -8, maximum: 8, interval: 2,
-        valueType: 'Double',
-        lineStyle: {
-            width: 2
-        },
-        minorTickLines: { width: 0 },
-        majorTickLines: { width: 0 },
-        crossesAt: 0,
-        minorTicksPerInterval: 3
-    };
-    //Initializing Primary Y Axis
-    public primaryYAxis: Object = {
-        minimum: -8, maximum: 8, interval: 2,
-        lineStyle: {
-            width: 2
-        },
-        majorTickLines: { width: 0 },
-        minorTickLines: { width: 0 },
-        crossesAt: 0,
-        minorTicksPerInterval: 3,
-    };
-    public marker: Object = {
-        visible: false,
-        height: 12,
-        width: 12,
-    };
-    //Initializing Tooltip
-    public tooltip: Object = { enable: true };
-    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 title: string = 'Spline Interpolation';
-    @ViewChild('chart')
-    public chart: ChartComponent;
-    // public check(e: Event): void {
-    //     let value: boolean = (e.target as HTMLInputElement).checked;
-    //     if (this.axis.index === 0) {
-    //         this.chart.primaryXAxis.placeNextToAxisLine = value;
-    //     } else {
-    //         this.chart.primaryYAxis.placeNextToAxisLine = value;
-    //     }
-    //     this.chart.dataBind();
-    // };
-    public legend: Object = {
-        visible: true
-    };
-    // public axis: DropDownList;
-    // public crossValue: NumericTextBox;
-    // ngOnInit(): void {
-    //     this.axis = new DropDownList({
-    //         index: 0,
-    //         width: 120,
-    //         change: () => {
-    //             let target: HTMLInputElement = document.getElementById('axisElements') as HTMLInputElement;
-    //             if (this.axis.index === 0) {
-    //                 target.checked = this.chart.primaryXAxis.placeNextToAxisLine;
-    //                 this.crossValue.value = +this.chart.primaryXAxis.crossesAt;
-    //             } else {
-    //                 target.checked = this.chart.primaryYAxis.placeNextToAxisLine;
-    //                 this.crossValue.value = +this.chart.primaryYAxis.crossesAt;
-    //             }
-    //             this.chart.dataBind();
-    //         }
-    //     });
-    //     this.axis.appendTo('#selectAxis');
-    //     this.crossValue = new NumericTextBox({
-    //         value: 0, min: -8,
-    //         max: 8, width: 120,
-    //         step: 2,
-    //         change: () => {
-    //             if (this.axis.index === 0) {
-    //                 this.chart.primaryXAxis.crossesAt = this.crossValue.value;
-    //             } else {
-    //                 this.chart.primaryYAxis.crossesAt = this.crossValue.value;
-    //             }
-    //             this.chart.dataBind();
-    //         }
-    //     });
-    //     this.crossValue.appendTo('#crossingValue');
-    // }
-    constructor() {
-        //code
-    };
-
-}

package/schematics/generators/chart-axes-crossing/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-axes-crossing/schema.js

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

package/schematics/generators/chart-axes-crossing/schema.json

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "EJ2SchemaTemplateID",
-  "title": "chart-axes-crossing",
-  "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-axes-crossing"
-}

package/schematics/generators/chart-axes-crossing/schema.ts

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

package/schematics/generators/chart-crosshair/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-crosshair/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-crosshair/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-crosshair/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-crosshair/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'chart';
-exports.sampleName = 'crosshair';
-exports.diModules = 'DateTimeService,LineSeriesService,HiloOpenCloseSeriesService,LegendService,CrosshairService';
-exports.packageName = '@syncfusion/ej2-angular-charts';
-exports.libModules = 'ChartModule';

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

@@ -1,5 +0,0 @@
-export const componentName: string = 'chart';
-export const sampleName: string = 'crosshair';
-export const diModules: string =  'DateTimeService,LineSeriesService,HiloOpenCloseSeriesService,LegendService,CrosshairService';
-export const packageName: string = '@syncfusion/ej2-angular-charts';
-export const libModules: string = 'ChartModule';

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

@@ -1,3 +0,0 @@
-.control-fluid {
-    padding: 0px !important;
-}

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

@@ -1,15 +0,0 @@
-
-<div class="control-section">
-    <div align='center'>
-        <ejs-chart style='display:block; width: 92%' [chartArea]='chartArea' [width]='width' align='center' [primaryXAxis]='primaryXAxis'
-            [primaryYAxis]='primaryYAxis' [axes]='axes' [title]='title' [crosshair]='crosshairLabel' (load)='load($event)' [legendSettings]='legend'>
-            <e-series-collection>
-                <e-series [dataSource]='series1' type='Line' xName='xDate' yName='High' width=2 [border]='border' [marker]='marker'>
-                </e-series>
-                <e-series [dataSource]='series2' type='HiloOpenClose' xName='xDate' yAxisName='yAxis' high='High' low='Low' open='Open' close='Close'
-                    bearFillColor='#2ecd71' bullFillColor='#e74c3d'>
-                </e-series>
-            </e-series-collection>
-        </ejs-chart>
-    </div>
-</div>

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

@@ -1,77 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { ChartDataService } from './assets/chart-data.service';
-import { ILoadedEventArgs, ChartTheme } from '@syncfusion/ej2-angular-charts';
-import { Browser } from '@syncfusion/ej2-base';
-import { axesData } from './assets/financial-data';
-
-/**
- * Sample for Crosshair in chart
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-
-    //Initializing Primary X Axis
-    public primaryXAxis: Object = {
-        majorGridLines: { width: 0 },
-        valueType: 'DateTime',
-        crosshairTooltip: { enable: true },
-        labelFormat: 'MMM'
-    };
-    //Initializing Primary Y Axis
-    public primaryYAxis: Object = {
-        minimum: 83, maximum: 87, interval: 1,
-        title: 'Millions in USD',
-        labelFormat: '{value}M',
-        rowIndex: 0,
-        crosshairTooltip: {
-            enable: true
-        }
-    };
-    //Initializing Axes
-    public axes: Object = [
-        {
-            majorGridLines: { width: 0 },
-            rowIndex: 0,
-            opposedPosition: true,
-            minimum: 82, maximum: 88, interval: 2,
-            name: 'yAxis',
-            title: 'Millions in USD (Stock)',
-            crosshairTooltip: { enable: true }
-        }
-    ];
-    public border: Object = {
-        width: 1.5
-    };
-    public legend: Object = {
-        visible: false
-    }
-    public chartArea: Object = {
-        border: {
-            width: 0
-        }
-    };
-
-    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 marker: Object = {
-        visible: true
-    }
-    public title: string = 'Conns,Inc Stock Details';
-    public majorGridLines: Object = { width: 0 };
-    public crosshairLabel: Object = { enable: true };
-    public series1: Object = axesData;
-    public series2: Object = axesData;
-    constructor() {
-        //code
-    };
-
-}

package/schematics/generators/chart-crosshair/samples/__path__/__name@dasherize@if-flat__/assets/chart-data.service.ts

@@ -1,128 +0,0 @@
-/**
- * chart data source
- */
-export class ChartDataService {
-    GetCrosshairData(): any {
-        let series1: Object[] = [];
-        let series2: Object[] = [];
-        let point1: Object;
-        let point2: Object;
-        let value: number = 60;
-        let value1: number = 50;
-        let i: number;
-        for (i = 1; i < 250; i++) {
-
-            if (Math.random() > .5) {
-                value += Math.random();
-                value1 += Math.random();
-            } else {
-                value -= Math.random();
-                value1 -= Math.random();
-            }
-            point1 = { x: new Date(2000, i, 1), y: value };
-            point2 = { x: new Date(2000, i, 1), y: value1 };
-            series1.push(point1);
-            series2.push(point2);
-        }
-        return { 'series1': series1, 'series2': series2 };
-    }
-    GetScatterData(): any {
-        let series1: Object[] = [];
-        let series2: Object[] = [];
-        let point1: Object;
-        let value: number = 80;
-        let value1: number = 70;
-        let i: number;
-        for (i = 1; i < 120; i++) {
-            if (Math.random() > 0.5) {
-                value += Math.random();
-            } else {
-                value -= Math.random();
-            }
-            value = value < 60 ? 60 : value > 90 ? 90 : value;
-            point1 = { x: (145 + (i / 3)).toFixed(1), y: value.toFixed(1) };
-            series1.push(point1);
-        }
-        for (i = 1; i < 120; i++) {
-            if (Math.random() > 0.5) {
-                value1 += Math.random();
-            } else {
-                value1 -= Math.random();
-            }
-            value1 = value1 < 60 ? 60 : value1 > 90 ? 90 : value1;
-            point1 = { x: (145 + (i / 3)).toFixed(1), y: value1.toFixed(1) };
-            series2.push(point1);
-        }
-        return { 'series1': series1, 'series2': series2 };
-    }
-    GetLocalData(): any {
-        let series1: Object[] = [];
-        let series2: Object[] = [];
-        let point1: Object;
-        let point2: Object;
-        let value: number = 80;
-        let value1: number = 90;
-        let i: number;
-        for (i = 1; i < 500; i++) {
-
-            if (Math.random() > .5) {
-                value += Math.random();
-                value1 += Math.random();
-            } else {
-                value -= Math.random();
-                value1 -= Math.random();
-            }
-            point1 = { x: new Date(1960, (i + 1), i), y: Math.round(value) };
-            point2 = { x: new Date(1960, (i + 1), i), y: Math.round(value1) };
-            series1.push(point1);
-            series2.push(point2);
-        }
-        return { 'series1': series1, 'series2': series2 };
-    }
-    GetZoomingData(): any {
-        let series1: Object[] = [];
-        let point1: Object;
-        let value: number = 80;
-        let i: number;
-        for (i = 1; i < 500; i++) {
-            if (Math.random() > .5) {
-                value += Math.random();
-            } else {
-                value -= Math.random();
-            }
-            point1 = { x: new Date(1950, i + 2, i), y: value.toFixed(1) };
-            series1.push(point1);
-        }
-        return { 'series1': series1 };
-    }
-    GetPolarSplineData(): any {
-        let cardData: Object[] = [];
-        let biDirData: Object[] = [];
-        let omniDirData: Object[] = [];
-        let point1: Object;
-        let point2: Object;
-    
-        for (let x: number = -180; x < 180; x++) {
-          point1 = { x: x, y: -12.6 * (1 - Math.cos(x * 3.14 / 180)) };
-          cardData.push(point1);
-          point2 = { x: x, y: -3};
-          omniDirData.push(point2);
-        }
-    
-        for (let x: number = -180; x < -90; x++) {
-          point1 = { x: x, y: -26 * (1 + Math.cos(x * 3.14 / 180))};
-          biDirData.push(point1);
-        }
-    
-        for (let x: number = -90; x < 90; x++) {
-          point1 = { x: x, y: -26 * (1 - Math.cos(x * 3.14 / 180))};
-          biDirData.push(point1);
-        }
-    
-        for (let x: number = 90; x < 180; x++) {
-          point1 = { x: x, y: -26 * (1 + Math.cos(x * 3.14 / 180))};
-          biDirData.push(point1);
-        }
-        return { 'series1': cardData, 'series2': omniDirData, 'series3': biDirData };
-    }
-}