FlexChart Column Series overlap

Posted by: mattfinch on 22 November 2022, 9:21 pm EST

  • Posted 22 November 2022, 9:21 pm EST

    Hi,

    Is it possible in FlexChart to have column series overlay one another rather than being plotted side by side if they share the same x-axis? I am needing this functionality in Xamarin. I cannot seem to find a solution in XAML for this whether a Width or Spacing component.

    Any help much appreciated as this plot style would be required if I were to swap to this component library from a competitor.

    Best Regards,

    Matt Finch

  • Posted 23 November 2022, 9:01 pm EST - Updated 23 November 2022, 9:06 pm EST

    Hi,

    Apologize for the delay in response.

    In order to prevent side-by-side column series rendering, you can stack chart symbols by setting Stacking=“Stacked”.(see code snippet)

    <c1:FlexChart x:Name="flexChart" BindingX="Id" Stacking="Stacked">
            <c1:FlexChart.Series>
                <c1:ChartSeries Binding="Sales"/>
                <c1:ChartSeries Binding="Downloads"/>
            </c1:FlexChart.Series>
        </c1:FlexChart>

    Snapshot:

    Please refer the attached sample for the same : FlexChartXamarin.zip

    JFYI, Column Series can be stacked but can’t be overlapped i.e., the next series will start rendering where the previous one ends.

    Best Regards,

    Nitin

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels