你如何将数字格式化器放入react-google-charts图表中？ （抱歉;反应中的新手）

Question

我可以将格式化程序注入到Google图表中，使用以下代码格式化多个列：

var formatter = new google.visualization.NumberFormat({ prefix: '$' });
formatter.format(dataTable, 1);
formatter.format(dataTable, 2);

我已尝试在react-google-charts选项中设置“numberFormat：”和“formatters：[]”，但它们似乎不起作用。有人有例子吗？

更新

这适用于设置单个列的格式：

<Chart
    chartType="ColumnChart"
    rows={rows}
    columns= {columns}
    width='100%'
    numberFormat={{column: 1, options: {fractionDigits: 2, prefix: '$'}}}
    ....
/>

这不是：

<Chart
    chartType="ColumnChart"
    rows={rows}
    columns= {columns}
    width='100%'
    formatters={[{type: 'NumberFormat', 
                  column: 1, 
                  options: {fractionDigits: 2, prefix: '$'}]}
    ...
/>

Answer 1

解决：formatters []代码不在当前版本中。 d＆＃39;哦

Answer 2

请关注以下内容 https://react-google-charts.com/formatters#numberformat

formatters={[
   {
      type: "NumberFormat",
      column: 1,
      options: {
         prefix: "$",
         suffix: "%",
         negativeColor: "red",
         negativeParens: true,
       }
    }
]}