DxPolarChartLineSeries<T, TArgument, TValue> Class

Defines a line series.

Assembly: DevExpress.Blazor.v24.1.dll

Declaration

public class DxPolarChartLineSeries<T, TArgument, TValue> :
    DxPolarChartBaseSeries<T, TArgument, TValue>

Type Parameters

Name	Description
T	The data type.
TArgument	The series argument type.
TValue	The series value type.

Remarks

The line series displays data as points joined by line segments.

Closed Line

Run Demo: Polar and Radar - Discrete Data

Declare a Line Series

Use the Polar Chart’s Data property to specify a data source.
Add a <DxPolarChartLineSeries> tag to the component’s markup.
Assign data source fields that contain arguments and values for data points to ArgumentField and ValueField properties.
Optional. Configure the series: customize appearance, add labels, choose selection and hover modes, etc.

<DxPolarChart Data=@DataSource>
    <DxPolarChartLineSeries ArgumentField="@((DiscretePoint i) => i.Arg)"
                            ValueField="@((DiscretePoint i) => i.Day)">
    </DxPolarChartLineSeries>
    <DxChartLegend Visible="false" />
</DxPolarChart>

namespace BlazorDemo.Data {
    public class DiscretePoint {
        public string Arg { get; set; }
        public int Day { get; set; }
        public int Night { get; set; }


        public DiscretePoint(string arg, int day, int night) {
            Arg = arg;
            Day = day;
            Night = night;
        }
    }
}

using System.Collections.Generic;
using BlazorDemo.Data;

// ...
    public class ChartDiscreteDataProvider : IChartDiscreteDataProvider {
        public List<DiscretePoint> GenerateData() {
            return new List<DiscretePoint>() {
                new DiscretePoint("January", 6, 2),
                new DiscretePoint("February", 7, 2),
                new DiscretePoint("March", 10, 3),
                new DiscretePoint("April", 14, 5),
                new DiscretePoint("May", 18, 8),
                new DiscretePoint("June", 21, 11),
                new DiscretePoint("July", 22, 13),
                new DiscretePoint("August", 22, 13),
                new DiscretePoint("September", 19, 11),
                new DiscretePoint("October", 15, 8),
                new DiscretePoint("November", 10, 5),
                new DiscretePoint("December", 7, 3),
            };
        }
    }

Nested Component Structure

You can add the following child components to a line series:

DxChartSeriesLabel: Defines a series label.
DxChartSeriesLegendItem: Defines an item that indicates a series in the legend.
DxChartSeriesPoint: Provides settings for points of the chart’s line series.

The following code snippet declares these objects in the markup:

@using System.Drawing

<DxPolarChart Data=@DataSource>
    <DxPolarChartLineSeries ArgumentField="@((DiscretePoint i) => i.Arg)"
                            ValueField="@((DiscretePoint i) => i.Day)">
        <DxChartSeriesLabel Visible="true" FormatPattern="{value:##.#}" />
        <DxChartSeriesPoint Color="Color.SlateBlue" />
        <DxChartSeriesLegendItem Text="Daily Temperature" />
    </DxPolarChartLineSeries>
</DxPolarChart>

Nested components

Customize Appearance

The Polar Chart allows you to use the following options to customize a line series:

BreakOnEmptyPoints: Specifies whether the series should break on points with null values.
Closed: Specifies whether to connect first and last series points.
Color: Specifies the color of the series.
DashStyle: Specifies the line style.
Width: Specifies the width of the line series.

Custom series appearance

@using System.Drawing

<DxPolarChart Data=@DataSource>
    <DxPolarChartLineSeries ArgumentField="@((DiscretePoint i) => i.Arg)"
                            ValueField="@((DiscretePoint i) => i.Day)"
                            Width="1"
                            Color="Color.DarkSalmon"
                            DashStyle="ChartDashStyle.DashDotDot">
    </DxPolarChartLineSeries>
</DxPolarChart>

User Interaction Options

Users can select a series and its points and hover the mouse pointer over them. The table below describes available user interaction options.

Description	Component Level	Series Level
Hover Over Series and Its Elements	Not Applicable	HoverMode
Series Selection	SeriesSelectionMode	SelectionMode
Point Selection	PointSelectionMode	Not Applicable