title: React ApexChart changing tooltip formatter dots to commas
body: <p>I am developing a German app and they do not use dots (20.00) in numbers, they use commas (20,00). Using <code>react-apexcharts</code>, how do I replace the dots in my chart and tools. Any direction will be appreciated, I have been stuck for days now :(</p>
  <p><a href="https://i.stack.imgur.com/nqMk7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nqMk7.png" alt="enter image description here" /></a></p>
  <pre><code>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&lt;IGraphProps&gt; = ({
      className,
      label,
      values,
      legendPosition = 'bottom',
      colorHexCodes
  }) =&gt; {
      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 (
          &lt;div className={className}&gt;
              &lt;ReactApexChart type=&quot;donut&quot; options={options} series={x} height={400} width={350} /&gt;
          &lt;/div&gt;
      );
  };
  
  
  </code></pre>