Wappler Version: 6.8.0 (persists on Wappler 7 Beta 4)
Operating System: Windows 11
Server Model: Node
Database Type: SQLite
Hosting Type: Docker Desktop
Expected behavior
The cutout
property should control the inner radius of the doughnut chart when set, creating a larger or smaller hole based on the value provided.
Actual behavior
The cutout
property does not seem to work as expected. Despite setting cutout="80"
, there is no visible change in the doughnut chart's inner radius.
How to reproduce
- Create a doughnut chart using the following code:
<dmx-chart id="DonutChart" type="doughnut" height="130" dataset-1:value="total_worth.abs()" dataset-1:label="Totaal:" dmx-bind:data="read_debts.data.query_dept_per_type" labels="ass_liab_type.capitalize()" dmx-bind:colors="['#192E59', '#FCD214', '#FF3D3D', '#00D9FF', '#FF00A5', '#00FF6B', '#FF9500', '#FFEA00', '#8E00FF', '#00FFDD', '#FF5E00', '#3900FF']" width="130" dataset-1:tooltip="total_worth.abs().formatCurrency('€', ',', '.', 2)" cutout="80" thickness="0">
</dmx-chart>
- The chart renders, but the
cutout
value does not alter the inner radius.