如何将数字格式化程序添加到react-google- chart图表中？(对不起；react中的newb )
如何将数字格式化程序添加到react-google- chart图表中？(对不起；react中的newb )
提问于 2018-02-12 19:54:44
我可以将一个格式化程序注入到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: '$'}]}
...
/>回答 2
Stack Overflow用户
发布于 2018-02-20 19:44:37
已解决: formatters[]代码不在当前版本中。D‘’oh
Stack Overflow用户
发布于 2019-01-04 23:42:04
请参阅下面的https://react-google-charts.com/formatters#numberformat
formatters={[
{
type: "NumberFormat",
column: 1,
options: {
prefix: "$",
suffix: "%",
negativeColor: "red",
negativeParens: true,
}
}
]}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48745910
复制相关文章
相似问题
腾讯云开发者
