@syncfusion/ej2-angular-charts 34.2.8-ngcc → 35.1.37

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

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

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

@@ -0,0 +1,8 @@
+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

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

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

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

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

@@ -0,0 +1,5 @@
+export const componentName: string = 'chart';
+export const sampleName: string = 'multi-level-labels';
+export const diModules: string | null =  '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

@@ -0,0 +1,64 @@
+
+<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

@@ -0,0 +1,128 @@
+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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,125 @@
+{
+  "$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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

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

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

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

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

@@ -0,0 +1,5 @@
+export const componentName: string = 'chart';
+export const sampleName: string = 'pie';
+export const diModules: string | null =  '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

@@ -0,0 +1,16 @@
+
+<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

@@ -0,0 +1,90 @@
+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

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

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