View all igniteui-angular-charts analysis

igx-polar-scatter-series-component.IgxPolarScatterSeriesComponent 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.

IgniteUI / igniteui-angular-samples / src / app / charts / data-chart / data-chart-type-polar-series / data-chart-type-polar-series.component.ts View on Github

series2.angleMemberPath = "Direction";
            series2.radiusMemberPath  = "WindSpeed";
            series2.radiusAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.markerType = MarkerType.Circle;
            series2.markerType = MarkerType.Circle;
            series1.title = "Boat Speed";
            series2.title = "Wind Speed";
            this.chart.series.clear();
            this.chart.series.add(series2);
            this.chart.series.add(series1);

        } else if (seriesType === "Scatter") {
            // creating a series with mapping to data columns of wind pattern
            const series1 = new IgxPolarScatterSeriesComponent();
            series1.name = "series1";
            series1.angleMemberPath = "Direction";
            series1.radiusMemberPath  = "BoatSpeed";
            series1.radiusAxis = this.radiusAxis;
            series1.angleAxis = this.angleAxis;
            const series2 = new IgxPolarScatterSeriesComponent();
            series2.name = "series2";
            series2.angleMemberPath = "Direction";
            series2.radiusMemberPath  = "WindSpeed";
            series2.radiusAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.markerType = MarkerType.Circle;
            series2.markerType = MarkerType.Circle;
            series1.title = "Boat Speed";
            series2.title = "Wind Speed";

IgniteUI / igniteui-angular-samples / src / app / charts / data-chart / data-chart-type-polar-series / data-chart-type-polar-series.component.ts View on Github

series2.markerType = MarkerType.Circle;
            series1.title = "Boat Speed";
            series2.title = "Wind Speed";
            this.chart.series.clear();
            this.chart.series.add(series2);
            this.chart.series.add(series1);

        } else if (seriesType === "Scatter") {
            // creating a series with mapping to data columns of wind pattern
            const series1 = new IgxPolarScatterSeriesComponent();
            series1.name = "series1";
            series1.angleMemberPath = "Direction";
            series1.radiusMemberPath  = "BoatSpeed";
            series1.radiusAxis = this.radiusAxis;
            series1.angleAxis = this.angleAxis;
            const series2 = new IgxPolarScatterSeriesComponent();
            series2.name = "series2";
            series2.angleMemberPath = "Direction";
            series2.radiusMemberPath  = "WindSpeed";
            series2.radiusAxis = this.radiusAxis;
            series2.angleAxis = this.angleAxis;

            series1.markerType = MarkerType.Circle;
            series2.markerType = MarkerType.Circle;
            series1.title = "Boat Speed";
            series2.title = "Wind Speed";
            this.chart.series.clear();
            this.chart.series.add(series2);
            this.chart.series.add(series1);
        }
    }

How to use the igniteui-angular-charts/ES5/igx-polar-scatter-series-component.IgxPolarScatterSeriesComponent 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.

igniteui-angular-charts

Package Health Score

Popular igniteui-angular-charts functions

Similar packages