Class SfCartesianChart

Renders different types of cartesian-type charts, each representing a unique style of representing data with a more user-friendly and greater UI visualization.

Inheritance

System.Object

ChartBase

SfCartesianChart

Implements

Microsoft.Maui.IContentView

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IPadding

Inherited Members

ChartBase.TitleProperty

ChartBase.LegendProperty

ChartBase.TooltipBehaviorProperty

ChartBase.PlotAreaBackgroundViewProperty

ChartBase.Title

ChartBase.Legend

ChartBase.TooltipBehavior

ChartBase.PlotAreaBackgroundView

Namespace: Syncfusion.Maui.Charts

Assembly: Syncfusion.Maui.Charts.dll

Syntax

public class SfCartesianChart : ChartBase, IContentView, IView, IElement, ITransform, IPadding, IChart, ITouchListener, IDoubleTapGestureListener, ITapGestureListener, IPanGestureListener, IPinchGestureListener, ILongPressGestureListener, IGestureListener

Remarks

The Cartesian chart control is used to visualize the data graphically, it typically have horizontal and vertical axes.

SfCartesianChart class properties provides an option to add the series and axis collection, allows to customize the chart elements such as series, axis, legend, data label and tooltip features.

Axis

ChartAxis is used to locate a data point inside the chart area. Charts typically have two axes that are used to measure and categorize data. Vertical(Y) axis always uses numerical scale. Horizontal(X) axis supports the Category, Numeric and Date time.

To render an axis, the chart axis instance has to be added in chart’s XAxes and YAxes collection as per the following code snippet.

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

        <chart:SfCartesianChart.BindingContext>
            <local:ViewModel/>
        </chart:SfCartesianChart.BindingContext>

        <chart:SfCartesianChart.XAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.XAxes>

        <chart:SfCartesianChart.YAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.YAxes>

</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

Series

ChartSeries is the visual representation of data. SfCartesianChart offers many types such as Line, Fast line, Spline, Column, Scatter, Area and SplineArea series. Based on your requirements and specifications, any type of series can be added for data visualization.

To render a series, create an instance of required series class, and add it to the Series collection.

 
<chart:SfCartesianChart>

       <chart:SfCartesianChart.BindingContext>
           <local:ViewModel/>
       </chart:SfCartesianChart.BindingContext>

       <chart:SfCartesianChart.XAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.XAxes>

       <chart:SfCartesianChart.YAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.YAxes>

       <chart:SfCartesianChart.Series>
           <chart:LineSeries ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
           <chart:LineSeries ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue2"/>
       </chart:SfCartesianChart.Series>
</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

LineSeries series1 = new LineSeries()
{
    ItemsSource = viewmodel.Data,
    XBindingPath = "XValue",
    YBindingPath = "YValue1"
};
chart.Series.Add(series1);

LineSeries series2 = new LineSeries()
{
    ItemsSource = viewmodel.Data,
    XBindingPath = "XValue",
    YBindingPath = "YValue2"
};
chart.Series.Add(series2);

public ObservableCollection<Model> Data { get; set; }

public ViewModel()
{
   Data = new ObservableCollection<Model>();
   Data.Add(new Model() { XValue = 10, YValue1 = 100, YValue2 = 110 });
   Data.Add(new Model() { XValue = 20, YValue1 = 150, YValue2 = 100 });
   Data.Add(new Model() { XValue = 30, YValue1 = 110, YValue2 = 130 });
   Data.Add(new Model() { XValue = 40, YValue1 = 230, YValue2 = 180 });
}

Legend

The Legend contains list of chart series or data points in chart. The information provided in each legend item helps to identify the corresponding data series in chart. The Series Label property text will be displayed in the associated legend item.

To render a legend, create an instance of ChartLegend, and assign it to the Legend property.

MainPage.xaml
MainPage.xaml.cs

 
<chart:SfCartesianChart>

       <chart:SfCartesianChart.BindingContext>
           <local:ViewModel/>
       </chart:SfCartesianChart.BindingContext>

       <chart:SfCartesianChart.Legend>
           <chart:ChartLegend/>
       </chart:SfCartesianChart.Legend>

       <chart:SfCartesianChart.XAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.XAxes>

       <chart:SfCartesianChart.YAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.YAxes>

       <chart:SfCartesianChart.Series>
           <chart:LineSeries Label="Singapore" ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
           <chart:LineSeries Label="Spain" ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue2"/>
       </chart:SfCartesianChart.Series>
</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

chart.Legend = new ChartLegend();

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

LineSeries series1 = new LineSeries()
{
    ItemsSource = viewmodel.Data,
    XBindingPath = "XValue",
    YBindingPath = "YValue1",
    Label = "Singapore"
};
chart.Series.Add(series1);

LineSeries series2 = new LineSeries()
{
    ItemsSource = viewmodel.Data,
    XBindingPath = "XValue",
    YBindingPath = "YValue2",
    Label = "Spain"
};
chart.Series.Add(series2);

Tooltip

Tooltip displays information while tapping or mouse hover on the segment. To display the tooltip on chart, you need to set the EnableTooltip property as true in ChartSeries.

To customize the appearance of the tooltip elements like Background, TextColor and Font, create an instance of ChartTooltipBehavior class, modify the values, and assign it to the chart’s TooltipBehavior property.

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

        <chart:SfCartesianChart.BindingContext>
            <local:ViewModel/>
        </chart:SfCartesianChart.BindingContext>

        <chart:SfCartesianChart.TooltipBehavior>
            <chart:ChartTooltipBehavior/>
        </chart:SfCartesianChart.TooltipBehavior>

        <chart:SfCartesianChart.XAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.XAxes>

        <chart:SfCartesianChart.YAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.YAxes>

        <chart:SfCartesianChart.Series>
            <chart:LineSeries EnableTooltip = "True" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
            <chart:LineSeries EnableTooltip = "True" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue2"/>
        </chart:SfCartesianChart.Series>

</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

chart.TooltipBehavior = new ChartTooltipBehavior();

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

LineSeries series1 = new LineSeries()
{
   ItemsSource = viewmodel.Data,
   XBindingPath = "XValue",
   YBindingPath = "YValue1",
   EnableTooltip = true
};
chart.Series.Add(series1);

LineSeries series2 = new LineSeries()
{
   ItemsSource = viewmodel.Data,
   XBindingPath = "XValue",
   YBindingPath = "YValue2",
   EnableTooltip = true
};
chart.Series.Add(series2);

Data Label

Data labels are used to display values related to a chart segment. To render the data labels, you need to enable the ShowDataLabels property as true in ChartSeries class.

To customize the chart data labels alignment, placement and label styles, need to create an instance of CartesianDataLabelSettings and set to the DataLabelSettings property.

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

       <chart:SfCartesianChart.BindingContext>
           <local:ViewModel/>
       </chart:SfCartesianChart.BindingContext>

       <chart:SfCartesianChart.XAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.XAxes>

       <chart:SfCartesianChart.YAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.YAxes>

       <chart:SfCartesianChart.Series>
           <chart:ColumnSeries ShowDataLabels = "True" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
       </chart:SfCartesianChart.Series>
</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

ColumnSeries series = new ColumnSeries()
{
    ItemsSource = viewmodel.Data,
    XBindingPath = "XValue",
    YBindingPath = "YValue1",
    ShowDataLabels = true
};
chart.Series.Add(series);

Zooming and Panning

SfCartesianChart allows you to zoom the chart area with the help of the zoom feature. This behavior is mostly used to view the data point in the specific area, when there are large number of data points inside the chart.

Zooming and panning provides you to take a close-up look of the data point plotted in the series. To enable the zooming and panning in the chart, create an instance of ChartZoomPanBehavior and set it to the ZoomPanBehavior property of SfCartesianChart.

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

       <chart:SfCartesianChart.BindingContext>
           <local:ViewModel/>
       </chart:SfCartesianChart.BindingContext>

       <chart:SfCartesianChart.ZoomPanBehavior>
           <chart:ChartZoomPanBehavior EnablePanning = "True" EnableDoubleTap="True" EnablePinchZooming="True"/>
       </chart:SfCartesianChart.ZoomPanBehavior>

       <chart:SfCartesianChart.XAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.XAxes>

       <chart:SfCartesianChart.YAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.YAxes>

       <chart:SfCartesianChart.Series>
            <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
            <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue2"/>
        </chart:SfCartesianChart.Series>
</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

chart.ZoomPanBehavior = new ChartZoomPanBehavior() { EnablePinchZooming = true, EnableDoubleTap = true, EnablePanning = true };

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);	

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

LineSeries series1 = new LineSeries()
{
   ItemsSource = viewmodel.Data,
   XBindingPath = "XValue",
   YBindingPath = "YValue1",
};
chart.Series.Add(series1);

LineSeries series2 = new LineSeries()
{
   ItemsSource = viewmodel.Data,
   XBindingPath = "XValue",
   YBindingPath = "YValue2",
};
chart.Series.Add(series2);

Constructors

SfCartesianChart()

Initializes a new instance of the SfCartesianChart class.

Declaration

public SfCartesianChart()

Fields

EnableSideBySideSeriesPlacementProperty

Identifies the EnableSideBySideSeriesPlacement bindable property.

Declaration

public static readonly BindableProperty EnableSideBySideSeriesPlacementProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for EnableSideBySideSeriesPlacement bindable property.

IsTransposedProperty

Identifies the IsTransposed bindable property.

Declaration

public static readonly BindableProperty IsTransposedProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for IsTransposed bindable property.

PaletteBrushesProperty

Identifies the PaletteBrushes bindable property.

Declaration

public static readonly BindableProperty PaletteBrushesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for PaletteBrushes bindable property.

SelectionBehaviorProperty

Identifies the SelectionBehavior bindable property.

Declaration

public static readonly BindableProperty SelectionBehaviorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for SelectionBehavior bindable property.

SeriesProperty

Identifies the Series bindable property.

Declaration

public static readonly BindableProperty SeriesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Series bindable property.

TrackballBehaviorProperty

Identifies the TrackballBehavior bindable property.

Declaration

public static readonly BindableProperty TrackballBehaviorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty

ZoomPanBehaviorProperty

Identifies the ZoomPanBehavior bindable property.

Declaration

public static readonly BindableProperty ZoomPanBehaviorProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for ZoomPanBehavior bindable property.

Properties

EnableSideBySideSeriesPlacement

Gets or sets a System.Boolean value that indicates whether the series are placed side by side or overlapped.

Declaration

public bool EnableSideBySideSeriesPlacement { get; set; }

Property Value

Type	Description
System.Boolean	This proeprty takes the boolean value and its default value is `true`.

Remarks

If the value is true, series placed side by side, else series rendered one over other(overlapped).

IsTransposed

Gets or sets a System.Boolean value that indicates whether to change the cartesian chart orientation.

Declaration

public bool IsTransposed { get; set; }

Property Value

Type	Description
System.Boolean	This proeprty takes the boolean value and its default value is `false`.

Remarks

If the value is true, the orientation of x-axis is set to vertical and orientation of y-axis is set to horizontal.

PaletteBrushes

Gets or sets the palette brushes for chart.

Declaration

public IList<Brush> PaletteBrushes { get; set; }

Property Value

Type	Description
System.Collections.Generic.IList<Microsoft.Maui.Controls.Brush>	This property takes the list of Microsoft.Maui.Controls.Brush and its default value is predefined palette.

SelectionBehavior

Gets or sets a value for initiating selection or highlighting of a single or multiple series in the chart.

Declaration

public SeriesSelectionBehavior SelectionBehavior { get; set; }

Property Value

Type	Description
SeriesSelectionBehavior	This property takes a SeriesSelectionBehavior instance as a value, and its default value is null.

<chart:SfCartesianChart>
        <chart:SfCartesianChart.XAxes>
            <chart:DateTimeAxis/>
        </chart:SfCartesianChart.XAxes>
        <chart:SfCartesianChart.YAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.YAxes>
        <chart:SfCartesianChart.SelectionBehavior>
            <chart:SeriesSelectionBehavior/>
        </chart:SfCartesianChart.SelectionBehavior>
        <chart:ColumnSeries ItemsSource="{Binding Data}" XBindingPath="Date" YBindingPath="High"/>
        <chart:ColumnSeries ItemsSource="{Binding Data}" XBindingPath="Date" YBindingPath="Low"/>
</chart:SfCircularChart>

 SfCartesianChart chart = new SfCartesianChart();

 ViewModel viewModel = new ViewModel();
 chart.BindingContext = viewModel;

 chart.XAxes.Add(new DateTimeAxis())
 chart.YAxes.Add(new NumericalAxis())

 chart.SelectionBehavior = new SeriesSelectionBehavior() {SelectionBrush = Colors.Blue};

 ColumnSeries series = new ColumnSeries()
 {
    ItemsSource = viewmodel.Data,
    XBindingPath = "Date",
    YBindingPath = "High"
 };

ColumnSeries series2 = new ColumnSeries()
 {
    ItemsSource = viewmodel.Data,
    XBindingPath = "Date",
    YBindingPath = "Low"
 };

 chart.Series.Add(series);
 chart.Series.Add(series2);

Series

Gets or sets a collection of chart series to be added in cartesian chart.

Declaration

public ChartSeriesCollection Series { get; set; }

Property Value

Type	Description
ChartSeriesCollection	This property takes ChartSeriesCollection instance as value.

Remarks

To render a series, create an instance of required series class, and add it to the Series collection.

Examples

    <chart:SfCartesianChart>

       <chart:SfCartesianChart.BindingContext>
           <local:ViewModel/>
       </chart:SfCartesianChart.BindingContext>

       <chart:SfCartesianChart.XAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.XAxes>

       <chart:SfCartesianChart.YAxes>
           <chart:NumericalAxis/>
       </chart:SfCartesianChart.YAxes>

       <chart:SfCartesianChart.Series>
           <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
           <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue2"/>
       </chart:SfCartesianChart.Series>  

    </chart:SfCartesianChart>

    SfCartesianChart chart = new SfCartesianChart();

    ViewModel viewModel = new ViewModel();
    chart.BindingContext = viewModel;

    NumericalAxis xaxis = new NumericalAxis();
    chart.XAxes.Add(xaxis);	

    NumericalAxis yaxis = new NumericalAxis();
    chart.YAxes.Add(yaxis);

    LineSeries series1 = new LineSeries()
    {
        ItemsSource = viewmodel.Data,
        XBindingPath = "XValue",
        YBindingPath = "YValue1"
    };
    chart.Series.Add(series1);

    LineSeries series2 = new LineSeries()
    {
        ItemsSource = viewmodel.Data,
        XBindingPath = "XValue",
        YBindingPath = "YValue2"
    };
    chart.Series.Add(series2);

public ObservableCollection<Model> Data { get; set; }

public ViewModel()
{
   Data = new ObservableCollection<Model>();
   Data.Add(new Model() { XValue = 10, YValue1 = 100, YValue2 = 110 });
   Data.Add(new Model() { XValue = 20, YValue1 = 150, YValue2 = 100 });
   Data.Add(new Model() { XValue = 30, YValue1 = 110, YValue2 = 130 });
   Data.Add(new Model() { XValue = 40, YValue1 = 230, YValue2 = 180 });
}

TrackballBehavior

Gets or sets a value for initiating trackball, which displays the tooltip for the data points that are closer to the point where you interact on the chart area.

Declaration

public ChartTrackballBehavior TrackballBehavior { get; set; }

Property Value

Type	Description
ChartTrackballBehavior	This property takes aChartTrackballBehavior instance as a value, and its default value is null.

Examples

Xaml
C#

    <chart:SfCartesianChart>

          <chart:SfCartesianChart.TrackballBehavior>
              <chart:ChartTrackballBehavior/>
          </chart:SfCartesianChart.TrackballBehavior>

    </chart:SfCartesianChart>

    SfCartesianChart chart = new SfCartesianChart();
    . . .
    ChartTrackballBehavior trackballBehavior = new ChartTrackballBehavior();
    chart.Add(trackballBehavior);

XAxes

Gets the collection of horizontal axes in the chart.

Declaration

public ObservableCollection<ChartAxis> XAxes { get; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<ChartAxis>	Returns the collection of ChartAxis.

Remarks

Horizontal(X) axis supports the Category, Numeric and Date time.

Examples

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

        <chart:SfCartesianChart.BindingContext>
            <local:ViewModel/>
        </chart:SfCartesianChart.BindingContext>

        <chart:SfCartesianChart.XAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.XAxes>

</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

NumericalAxis xaxis = new NumericalAxis();
chart.XAxes.Add(xaxis);

YAxes

Gets the collection of vertical axes in the chart.

Declaration

public ObservableCollection<RangeAxisBase> YAxes { get; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<RangeAxisBase>	Returns the collection of RangeAxisBase.

Remarks

Vertical(Y) axis always uses numerical scale.

Examples

MainPage.xaml
MainPage.xaml.cs

<chart:SfCartesianChart>

        <chart:SfCartesianChart.BindingContext>
            <local:ViewModel/>
        </chart:SfCartesianChart.BindingContext>

        <chart:SfCartesianChart.YAxes>
            <chart:NumericalAxis/>
        </chart:SfCartesianChart.YAxes>

</chart:SfCartesianChart>

SfCartesianChart chart = new SfCartesianChart();

ViewModel viewModel = new ViewModel();
chart.BindingContext = viewModel;

NumericalAxis yaxis = new NumericalAxis();
chart.YAxes.Add(yaxis);

ZoomPanBehavior

Gets or sets a value for initiating the zooming and panning operations in chart.

Declaration

public ChartZoomPanBehavior ZoomPanBehavior { get; set; }

Property Value

Type	Description
ChartZoomPanBehavior	This property takes the ChartZoomPanBehavior value and its default value is null.

Examples

MainPage.xaml
MainPage.xaml.cs

    <chart:SfCartesianChart>

          <chart:SfCartesianChart.BindingContext>
              <local:ViewModel/>
          </chart:SfCartesianChart.BindingContext>

          <chart:SfCartesianChart.ZoomPanBehavior>
              <chart:ChartZoomPanBehavior EnableDoubleTap="True" EnablePinchZooming="True" EnablePanning="True"/>
          </chart:SfCartesianChart.ZoomPanBehavior>

          <chart:SfCartesianChart.XAxes>
              <chart:NumericalAxis/>
          </chart:SfCartesianChart.XAxes>

          <chart:SfCartesianChart.YAxes>
              <chart:NumericalAxis/>
          </chart:SfCartesianChart.YAxes>

          <chart:SfCartesianChart.Series>
               <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue1"/>
          </chart:SfCartesianChart.Series>

    </chart:SfCartesianChart>

    SfCartesianChart chart = new SfCartesianChart();

    ViewModel viewModel = new ViewModel();
    chart.BindingContext = viewModel;

    chart.ZoomPanBehavior = new ChartZoomPanBehavior() { EnableDoubleTap = true, EnablePinchZooming = true, EnablePanning = true };

    NumericalAxis xaxis = new NumericalAxis();
    chart.XAxes.Add(xaxis);	

    NumericalAxis yaxis = new NumericalAxis();
    chart.YAxes.Add(yaxis);

    LineSeries series = new LineSeries()
    {
       ItemsSource = viewmodel.Data,
       XBindingPath = "XValue",
       YBindingPath = "YValue1",
    };
    chart.Series.Add(series);

Methods

AnimateSeries()

Animates the visible series collection dynamically.

Declaration

public void AnimateSeries()

OnBindingContextChanged()

Invoked when binding context changed.

Declaration

protected override void OnBindingContextChanged()

Overrides

ChartBase.OnBindingContextChanged()

Implements

Microsoft.Maui.IContentView

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IPadding