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

  • Posted 30 November 2022, 1:42 am EST

    Hi,

    Thanks for the reply. Unfortunately the stacked function causes the column series not to follow the origin position. This is a bug in the area series. Column series without being stacked does follow the principle of the axisX origin. Therefore, with an axisX origin set to -10 instead of 0, the stacked columns behave differently to unstacked. I won’t be able to utilise the component library and replace the other 3rd party charting set if this bug remains present. Any chance of a debug fix to try?

    Any help much appreciated.

    Best Regards,

    Matt

  • Posted 30 November 2022, 10:24 pm EST - Updated 30 November 2022, 10:29 pm EST

    Hi,

    This is a design behavior. Stacked columns render according to their respective units.

    for e.g, if the origin is set to -10.

    Example 1: Datapoints for three series are 5,2,6

    then rendering would be: Series1->(0 to 5), Series2->(5 to 7), Series3(7 to 13)

    Example 2: Datapoints for three series are 5,-5,6

    then rendering would be: Series1->(0 to 5), Series2->(0 to -5), Series3(5 to 11)

    In case of Area Series with the negative origin, is a bug. And this is already reported to the development team.[Internal Tracking Id - C1XAMARIN-14248]

    As per the development team, this issue will be considered in 2023v1. For the 2022v3 release we already passed all release dates and we can’t do any changes right now. So, you need to wait till 2023v1 release.

    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