radialBar show value instead of percentage

[gnewmann]

Hey folks,

thank you for the great ApexCharts :-D I just love it!

Today I found a problem which I could not solve at the moment.. could you please help me?

I want to show a radialBar with two values: powerConsumption and energyProduced.
The energyProduced is always the reference to 100% the powerConsumption is calculated by: (powerConsumption * 100) / energyProduced.

This works pretty well at all. But as I want to show the value and not the percentage i got a problem.

Here is what I was figuring out:

                        var options = {
                            series: [100, (@this.powerConsumption * 100) / @this.energyProduced],
                            chart: {
                                height: 350,
                                type: 'radialBar',
                            },
                            plotOptions: {
                                radialBar: {
                                    dataLabels: {
                                        name: {
                                            fontSize: '22px',
                                        },
                                        value: {
                                            fontSize: '16px',
                                            formatter: function (val, opts) {
                                                if (val === 100) {
                                                    return @this.energyProduced.toFixed(0) + " kWh";
                                                } else {
                                                    return @this.powerConsumption.toFixed(0) + " kWh";
                                                }
                                            },
                                        },
                                        total: {
                                            show: false, 
                                        },
                                    },
                                },
                            },
                            labels: ['Energy Produced', 'Power Consumption
                        };

This always shows me the value of powerConsumption.. if i use a fixed value like "1" and "2" for the return .. it also returns "2" all the time for both series.

Why is always the last return used for both of the series?

Thank you in advance.

Cheers