Wappler line & area charts do not animate like other types

Wappler General Bugs
#1

All the chart types in Wappler charts animate as per chart.js examples except the line and area charts. If this is intentional, moderators can change topic from bug to something else.

Would be great if animations can also be added to those types for consistancy.

Line chart for example should animate like this if possible: https://www.chartjs.org/docs/latest/samples/line/line.html

Thanks

#2

For me the line charts are animating. An animation when it is being displayed and also animating when data is changing.

#3

This is how mine works:

Screen Recording 2021-11-25 at 19.20.12

<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="chartjs" appConnect="local" components="{dmxCharts:{},dmxFormatter:{}}" -->
<dmx-serverconnect id="serverconnect1" url="/api/charts/quickplanIncomeExpences"></dmx-serverconnect>
<div class="container">
    <div class="row">
        <div class="col">
            <dmx-chart id="chart1" legend="top" points="true" dataset-1:label="Expences" dmx-bind:data="serverconnect1.data.queryIncomeExpences" dataset-1:value="expenceTotal" dataset-1:tooltip="$value.formatCurrency('R', '.', ',', 2)" smooth="true" point-size="" multicolor="true" fullbar="true" cutout="" width="1600" responsive="true" colors="colors3" label-y="$value.formatCurrency('R', '.', ',', 2)" labels="age"></dmx-chart>
        </div>
    </div>
</div>
<meta name="ac:route" content="/charts">