vue-apexcharts
vue-apexcharts copied to clipboard
Formatter of donut labels
Good day!
When I am trying to split a name of a donut label by a space like on a screenshot below
I get a successful label of donut, line breaks works fine
But when I focus or click to another part of a donut I get a comma between words something like below:

As a result, line breaks works fine at the first mount.
Best regards, Yuri
hey, could you help me get the entity value as lables value?
something like this?
for example in this they have made number of entities to show in center label value but dont know how to add this in code to get the same result

donut:
labels:
show: true
total:
show: true
label: Total
formatter: |
EVAL:function(w) {
return {{states('sensor.processor_use')}}
}
hey, could you help me get the entity value as lables value? something like this? for example in this they have made number of entities to show in center label value but dont know how to add this in code to get the same result
donut: labels: show: true total: show: true label: Total formatter: | EVAL:function(w) { return {{states('sensor.processor_use')}} }
Hi, You can see below an example formatter function where is going calculation of values

formatter: function(w) { const total = w.globals.seriesTotals.reduce((a, b) => { return a + b; }, 0); return parseFloat(total).toLocaleString(); },
I have the same issue as @ARM128bit - can someone help ?