React ApexChart将工具提示格式点调换为逗号

Question

我正在开发一个德国应用程序，他们不使用数量（20.00），而是使用逗号（20,00）。使用React-Apexcharts，如何替换图表和工具中的点。任何方向都将不胜感激，我已经被卡住了几天:(

import { ApexOptions } from 'apexcharts';
import { FC } from 'react';
import ReactApexChart from 'react-apexcharts';

interface IGraphProps extends ApexOptions {
    className?: string;
    label: string[];
    values: number[] | string[];
    legendPosition?: 'top' | 'right' | 'bottom' | 'left';
    colorHexCodes?: string[];
}

export const DonutChart: FC<IGraphProps> = ({
    className,
    label,
    values,
    legendPosition = 'bottom',
    colorHexCodes
}) => {
    const options = {
        labels: ['Energie', 'Abfall', 'Verbrauchsgüter', 'Geschäftsreisen', 'Arbeitsweg'],
        legend: {
            position: legendPosition
        },
        colors: colorHexCodes,
        dataLabels: {
            enabled: true
            formatter: function (val: number) {
                return val.toString().replace('.', ',');
            }
        }
    };

    const x = values;

    return (
        <div className={className}>
            <ReactApexChart type="donut" options={options} series={x} height={400} width={350} />
        </div>
    );
};

Answer 1

在datalabels使用此格式化：

formatter: function (val) {
  let roundVal = Math.round(val*10)/10
  return roundVal.toString().replace('.', ',')+'%';
},

和tooltip y使用此（ https://apexcharts.com/docs/options/tooltip/#yformatter ）：

formatter: function (val){
  return val.toString().replace('.', ',')
},