ChartView.ChartStyle Property

Gets or sets the chart appearance settings.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

NuGet Package: DevExpress.XamarinForms.Charts

Declaration

public ChartStyle ChartStyle { get; set; }

Property Value

Type	Description
ChartStyle	The chart appearance settings.

Example

This example demonstrates how to customize the appearance and layout of a chart.

XAML

<ContentPage>
    <ContentPage.BindingContext>
        <local:ViewModel/>
    </ContentPage.BindingContext>
    <dxc:ChartView>
        <!--...-->
        <dxc:ChartView.ChartStyle>
            <dxc:ChartStyle Palette="{Binding Palette}"
                            BackgroundColor="#bcebf7"
                            Padding="100, 50, 50, 50"
                            BorderColor="#800404"
                            BorderThickness="10"/>
            </dxc:ChartStyle>
        </dxc:ChartView.ChartStyle>
    </dxc:ChartView>
</ContentPage>

C#

using Xamarin.Forms;
// ...
class ViewModel {
    // ...
    readonly Color[] palette;
    public Color[] Palette => palette;

    public ViewModel() {
        // ...
        palette = PaletteLoader.LoadPalette("#975ba5", "#03bfc1", "#800404");}
}

static class PaletteLoader {
    public static Color[] LoadPalette(params string[] values) {
        Color[] colors = new Color[values.Length];
        for (int i = 0; i < values.Length; i++)
            colors[i] = Color.FromHex(values[i]);
        return colors;
    }
}