@syncfusion/ej2-angular-charts 26.1.35 → 26.1.38

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

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

package/schematics/generators/chart-rangenavigator/schema.json

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

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

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

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

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

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

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

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

@@ -1,25 +0,0 @@
-.waitingpopup {
-    position: absolute;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    background-color: #fff;
-    border-radius: 50%;
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    width: 50px;
-    height: 50px;
-}
-
-.image {
-    position: absolute;
-    background-repeat: no-repeat;
-    background-image: url('/assets/chart/remotedata/Medium-36px-spin.gif');
-    background-position: center;
-    width: 50px;
-    height: 50px;
-    padding: 6px;
-}
-
-.control-fluid {
-    padding: 0px !important;
-}

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

@@ -1,15 +0,0 @@
-
-<div class="control-section">
-    <div align='center'>
-        <ejs-chart #chart style='display:block;' [chartArea]='chartArea' [width]='width' align='center' id='chartcontainer' [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [legendSettings]='legend' [title]='title' [tooltip]='tooltip'
-            (axisLabelRender)='labelRender($event)' (loaded)='loadedChart($event)' (load)='loadChart($event)' (pointRender)='pointRender($event)'>
-            <e-series-collection>
-                <e-series [dataSource]='data' type='Column' xName='Assignee' yName='Estimate' [query]='query' name='Story Point' width=2 [marker]='marker'>
-                </e-series>
-            </e-series-collection>
-        </ejs-chart>
-    </div>
-    <div id='waitingpopup' class='waitingpopup' style="display: none">
-        <span id='gif' class='image'></span>
-    </div>
-</div>

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

@@ -1,107 +0,0 @@
-import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
-import { DataManager, Query } from '@syncfusion/ej2-data';
-import { IAxisLabelRenderEventArgs, ILoadedEventArgs, IPointRenderEventArgs } from '@syncfusion/ej2-angular-charts';
-import { ChartComponent } from '@syncfusion/ej2-angular-charts';
-import { Chart } from '@syncfusion/ej2-charts';
-import { Browser } from '@syncfusion/ej2-base';
-/**
- * Sample for Remote-Data binding
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-
-    public data: DataManager = new DataManager({
-        url: 'https://mvc.syncfusion.com/Services/Northwnd.svc/Tasks/'
-    });
-    @ViewChild('chart')
-    public chart: ChartComponent;
-    public query: Query = new Query().take(5).where('Estimate', 'lessThan', 3, false);
-    public chartArea: Object = {
-        border: { width: 0 }
-    };
-    public labelRender(args: IAxisLabelRenderEventArgs): void {
-        if (args.axis.orientation === 'Horizontal') {
-            args.text = args.text.split(' ')[0];
-        }
-    };
-    public loadedChart(args: Chart): void {
-        let div: HTMLElement = document.getElementById('waitingpopup') as HTMLElement;
-        div.style.display = 'none';
-    };
-    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 loadChart(args: ILoadedEventArgs): void {
-        let div: HTMLElement = document.getElementById('waitingpopup');
-        div.style.display = 'block';
-        let width: number = args.chart.element.offsetWidth;
-        let height: number = args.chart.element.offsetHeight;
-        div.style.top = (height ? height : 300 / 2 - 25) + 'px';
-        div.style.left = (width / 2 - 25) + 'px';
-        div.style.display = '';
-        let selectedTheme: string = location.hash.split('/')[1];
-        selectedTheme = selectedTheme ? selectedTheme: 'Material';
-        args.chart.theme = (selectedTheme.indexOf('fabric') > -1) ? 'Fabric' : 'Material';
-    };
-    //Initializing Primary X Axis
-    public primaryXAxis: Object = {
-        rangePadding: 'Additional',
-        valueType: 'Category',
-        title: 'Assignee',
-        majorGridLines: { width: 0 },
-    };
-    //Initializing Marker
-    public marker: Object = {
-        dataLabel: {
-            visible: true,
-            position: 'Top',
-            font: {
-                fontWeight: '600', color: '#ffffff'
-            }
-        }
-    }
-    //Initializing Primary Y Axis
-    public primaryYAxis: Object = {
-        majorGridLines: { width: 0 },
-        majorTickLines: { width: 0 },
-        lineStyle: { width: 0 },
-        labelStyle: {
-            color: 'transparent'
-        }
-    };
-    public legend: Object = {
-        visible: false
-    };
-    public width: Object = Browser.isDevice ? '100%' : '60%';
-    public tooltip: Object = {
-        enable: true
-    };
-    public title: string = 'Sprint Task Analysis';
-    constructor() {
-        //Code
-    };
-
-}

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

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

package/schematics/generators/chart-remotedata/schema.json

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

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

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

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

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

package/schematics/generators/chart-technical-indicator/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'chart';
-export const sampleName: string = 'technical-indicator';
-export const diModules: string =  'MacdIndicatorService,DateTimeService,LegendService,CandleSeriesService,CrosshairService,ZoomService';
-export const packageName: string = '@syncfusion/ej2-angular-charts';
-export const libModules: string = 'ChartModule';

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

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

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

@@ -1,15 +0,0 @@
-
-<div class="control-section">
-    <div align='center'>
-        <ejs-chart id='chartcontainer' [chartArea]='chartArea' [width]='width' align='center' style="display:block;" [title]='title' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' [tooltip]='tooltip' [crosshair] = 'crosshair' [zoomSettings] = 'zoomSettings'
-        [axes] = 'axes' [rows]='rows' [legendSettings]='legendSettings' [chartArea]= 'chartArea' (load)='load($event)'>
-            <e-series-collection>
-                <e-series [dataSource]='data1' type='Candle' xName='x' high='high' low='low' open='open' close='close' volume='volume' name='Apple Inc'> </e-series>
-            </e-series-collection>
-            <e-indicators>
-                <e-indicator  type='Macd' xName='x' field="Close" yAxisName='secondary' fill="blue" [period]='period' seriesName="Apple Inc"
-                [fastPeriod]='fastPeriod' [slowPeriod]='slowPeriod' [macdType]='macdType'> </e-indicator>
-            </e-indicators>
-        </ejs-chart>
-    </div>
-</div>

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

@@ -1,86 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { ILoadedEventArgs, ChartTheme } from '@syncfusion/ej2-angular-charts';
-import { chartData } from './assets/financial-data';
-import { Browser } from '@syncfusion/ej2-base';
-/**
- * Sample for MACD Indicator
- */
-@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[] = chartData;
-    //Initializing Primary X Axis
-    public primaryXAxis: Object = {
-        valueType: 'DateTime',
-        majorGridLines: { width: 0 },
-        crosshairTooltip: { enable: true }, zoomFactor: 0.2, zoomPosition: 0.6
-    };
-    //Initializing Primary Y Axis
-    public primaryYAxis: Object = {
-        title: 'Price',
-        labelFormat: '${value}',
-        plotOffset: 25,
-        minimum: 50, maximum: 170,
-        interval: 30, rowIndex: 1, opposedPosition: true, lineStyle: { width: 0 }
-    };
-    public rows: Object = [
-        {
-            height: '40%'
-        }, {
-            height: '60%'
-        }
-    ];
-
-    public axes: Object = [{
-        name: 'secondary',
-        opposedPosition: true, rowIndex: 0,
-        majorGridLines: { width: 0 }, lineStyle: { width: 0 }, minimum: -3.5, maximum: 3.5, interval: 3.5,
-        majorTickLines: { width: 0 }, title: 'MACD', stripLines: [
-            {
-                start: -3.5, end: 3.5, text: '', color: 'black', visible: true,
-                opacity: 0.03, zIndex: 'Behind'
-            }]
-
-    }];
-    public zoomSettings: Object = {
-
-        enableSelectionZooming: true,
-        mode: 'X',
-        enablePan : true
-    };
-    public title: string = 'AAPL 2012-2017';
-    public tooltip: Object = {
-        enable: true,
-        shared: true
-    };
-    public crosshair: Object = {
-        enable: true, lineType: 'Vertical'
-    };
-    public fastPeriod: number = 8;
-    public slowPeriod: number = 5;
-    public macdType: string = 'Both';
-
-    public legendSettings: Object = {
-        visible: false
-    };
-    public period: number = 3;
-    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));
-    };
-    constructor() {
-        //code
-    };
-
-}