Problems with chart animations

Posted by: info on 21 November 2022, 7:59 pm EST

  • Posted 21 November 2022, 7:59 pm EST

    If I limit script loading with the command:

    The animations on the charts no longer work.


    <c1-flex-chart binding-x="Identifier" chart-type="LineSymbols" legend-position="Bottom" class="w-100">
                                    <c1-items-source source-collection="Model.FatturatoAnnuale?.FatturatoMensile"></c1-items-source>
                                    <c1-flex-chart-series binding="Fatturato[0]" name="@($"{DateTime.Now.AddYears(-3):yyyy}")">
                                    <c1-flex-chart-series binding="Fatturato[1]" name="@($"{DateTime.Now.AddYears(-2):yyyy}")">
                                    <c1-flex-chart-series binding="Fatturato[2]" name="@($"{DateTime.Now.AddYears(-1):yyyy}")">
                                    <c1-flex-chart-series binding="Fatturato[3]" name="@($"{DateTime.Now:yyyy}")">
                                    <c1-flex-chart-tooltip content="<b>{x}</b><br>{FatturatoTooltip}" is-content-html="true"></c1-flex-chart-tooltip>
                                    <c1-chart-animation animation-mode="All" easing="EaseInBack" duration="500" axis-animation="true"></c1-chart-animation>

    How can I fix?

    Thanks, Marco

  • Posted 21 November 2022, 11:32 pm EST

    Hi Macro,

    We are sorry, but we are unable to replicate the issue at our end with the attached sample. Please modify the demo sample depicting your issue.


    Manish Gupta

  • Posted 3 December 2022, 10:17 pm EST - Updated 3 December 2022, 10:22 pm EST

    Hi Manish,

    I am attaching the modified project that demonstrates the error.

    The only change I made is shown in the photo.

    Regards, Marco

  • Posted 4 December 2022, 6:18 pm EST


    We are sorry for the inconvenience and thank you for reporting the issue. We are able to replicate the issue at our end and we have forwarded this issue to the concerned team with the internal tracking id C1Web-29296.

    We will let you know as we get an update on this.

    In the meantime, please do not specify the bundles for c1-basic-scripts tag.


    Manish Gupta

  • Posted 28 December 2022, 11:09 pm EST


    Please use the following code for the same:

            <c1-basic-scripts bundles="Animation" />

    Hope it helps!


    Manish gupta

Need extra support?

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

Learn More

Forum Channels