谷歌图表显示的钱不会百分比(Google charts display Money not Perc

2019-07-29 12:09发布

鉴于饼图中的数据:

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();

Answer 1:

这是可能的,将其应用到切片和工具提示两者。 什么,你需要包括一个数字格式化 。

关键的事情之前,你“创建”图表应用以下。

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

var options = {
    pieSliceText: 'value'
};

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

启发和答案在这里适应: 编程格式谷歌图表



文章来源: Google charts display Money not Percentages