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('.', ',')
},

React ApexChart 将工具提示格式化程序点更改为逗号

React ApexChart changing tooltip formatter dots to commas

reactjs

typescript

apexcharts