Plotting Data

FlexChart plots data bound in the form of fields or data arrays when relevant values are set in the BindingX and the Binding property.

You require setting the values in the BindingX and the Binding property as per the desired chart type . For instance, in case of the Scatter Chart, you need to set a single value (field) in both the BindingX and the Binding property. However, in case of the Bubble Chart, you need to set a single value (field) in the BindingX property and two values (fields, one for specifying Y-values and another for specifying the size of the bubble) in the Binding property.

See the following code snippets for reference:

1. In case of Scatter Chart

XAML

<c1:C1FlexChart x:Name="flexChart" 
                BindingX="Country" 
                ItemsSource="{Binding DataContext.Data}" 
                ChartType="Scatter">
    <c1:C1FlexChart.Series>
        <c1:Series SeriesName="Sales" 
                   Binding="Sales"/>
        <c1:Series SeriesName="Expenses" 
                   Binding="Expenses"/>
    </c1:C1FlexChart.Series>
</c1:C1FlexChart>

2. In case of Bubble Chart

XAML

<c1:C1FlexChart x:Name="flexChart" 
                BindingX="X" 
                ItemsSource="{Binding DataContext.Data}" 
                ChartType="Bubble">
    <c1:C1FlexChart.Series>
        <c1:Series SeriesName="Bubble" 
                   Binding="Y,Size"/>
    </c1:C1FlexChart.Series>
</c1:C1FlexChart>

Once the data is plotted, you can work on it to visualize data that suits your requirements.

Go through the sections given below to learn how to customize series and plot irregular data.