谷歌图表显示金钱而不是百分比答案

【问题标题】：Google charts display Money not Percentages谷歌图表显示金钱而不是百分比
【发布时间】：2012-05-21 15:34:13
【问题描述】：

给定饼图的数据：

data = new google.visualization.arrayToDataTable([
    ['Sales', 'Revenue Distribution'],
    ['Author', 5],
    ['Company', 2],
    ['Tax', 0.4],
    ['Payment Processors', 0.9]
]);
drawChart();

如何使它显示为美元金额？无论是在工具提示中还是在实际图表本身上（两者都更可取！）

例如，理想情况下这会起作用：

data = new google.visualization.arrayToDataTable([
    ['Sales', 'Revenue Distribution'],
    ['Author', '$5'],
    ['Company', '$2'],
    ['Tax', '$0.4'],
    ['Payment Processors', '$0.9']
]);
drawChart();

【问题讨论】：

标签： javascript formatting google-visualization

【解决方案1】：

这是可能的，它将应用于切片和工具提示。您需要包含的是number formatter。

关键是在“创建”图表之前应用以下内容。

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

var options = {
    pieSliceText: 'value'
};

这首先创建格式化程序并将其应用于数据，然后下一个选项强制饼图显示格式化值，而不是计算的百分比。您可以在 this jsfiddle 中看到它的工作原理。

受到此处答案的启发和改编：Formatting google charts programmatically

【讨论】：