How to use the igniteui-angular-charts/ES5/igx-radial-pie-series-component.IgxRadialPieSeriesComponent function in igniteui-angular-charts

To help you get started, we’ve selected a few igniteui-angular-charts examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github IgniteUI / igniteui-angular-samples / src / app / charts / data-chart / data-chart-type-radial-series / data-chart-type-radial-series.component.ts View on Github external
series1.angleAxis = this.angleAxis;
            const series2 = new IgxRadialAreaSeriesComponent();
            series2.name = "series2";
            series2.valueMemberPath  = "Spending";
            series2.valueAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.title = "Budget";
            series2.title = "Spending";
            this.chart.series.clear();
            this.chart.series.add(series1);
            this.chart.series.add(series2);

        } else if (seriesType === "Pie") {
            // creating a series with mapping to data columns of financial data
            const series1 = new IgxRadialPieSeriesComponent();
            series1.name = "series1";
            series1.valueMemberPath  = "Budget";
            series1.valueAxis = this.radiusAxis;
            series1.angleAxis = this.angleAxis;
            const series2 = new IgxRadialPieSeriesComponent();
            series2.name = "series2";
            series2.valueMemberPath  = "Spending";
            series2.valueAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.title = "Budget";
            series2.title = "Spending";
            this.chart.series.clear();
            this.chart.series.add(series1);
            this.chart.series.add(series2);
github IgniteUI / igniteui-angular-samples / src / app / charts / data-chart / data-chart-type-radial-series / data-chart-type-radial-series.component.ts View on Github external
series2.angleAxis = this.angleAxis;

            series1.title = "Budget";
            series2.title = "Spending";
            this.chart.series.clear();
            this.chart.series.add(series1);
            this.chart.series.add(series2);

        } else if (seriesType === "Pie") {
            // creating a series with mapping to data columns of financial data
            const series1 = new IgxRadialPieSeriesComponent();
            series1.name = "series1";
            series1.valueMemberPath  = "Budget";
            series1.valueAxis = this.radiusAxis;
            series1.angleAxis = this.angleAxis;
            const series2 = new IgxRadialPieSeriesComponent();
            series2.name = "series2";
            series2.valueMemberPath  = "Spending";
            series2.valueAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.title = "Budget";
            series2.title = "Spending";
            this.chart.series.clear();
            this.chart.series.add(series1);
            this.chart.series.add(series2);

        } else if (seriesType === "Line") {
            // creating a series with mapping to data columns of financial data
            const series1 = new IgxRadialLineSeriesComponent();
            series1.name = "series1";
            series1.valueMemberPath  = "Budget";

igniteui-angular-charts

Ignite UI Angular charting components for building rich data visualizations for modern web apps.

Infragistics(R) Ultimate lice…
Latest version published 20 days ago

Package Health Score

60 / 100
Full package analysis

Popular igniteui-angular-charts functions