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
patrick
November 25, 2021, 4:38pm
2
For me the line charts are animating. An animation when it is being displayed and also animating when data is changing.
This is how mine works:
<!-- 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">