谷歌图表显示的是金钱而不是百分比
Google charts display Money not Percentages
给定饼图的数据:
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();
这是可能的,它会将其应用于切片和工具提示。您需要包括的是数字格式化程序。
关键是在"创建"图表之前应用以下内容。
var formatter = new google.visualization.NumberFormat({
prefix: '$'
});
formatter.format(data, 1);
var options = {
pieSliceText: 'value'
};
这首先创建格式化程序并将其应用于数据,然后下一个选项强制饼图显示格式化值,而不是计算的百分比。你可以看到它在这个jsfiddle中工作。
受到此处答案的启发和改编:以编程方式格式化谷歌图表
相关文章:
- 如果宽度是百分比,如何设置以px为单位的图像高度
- 使用javascript可以设置css动画的当前百分比
- 当我使用高度百分比时,谷歌地图javascript api不会显示
- Javascript差异百分比数学
- 我如何使脚本使用百分比
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 在Javascript中计算并显示具有2个税收百分比的现有总值
- d3使用样式Tween的百分比转换
- 计算HTML表TD中两个数字之间的百分比
- 如何从二进制int中获取百分比,每个位表示x%
- 百分比计算错误
- CSS将百分比转换为像素
- 计算输入的每个单词组合的百分比
- 使用百分比、类别名称和箭头渲染标签
- gruntjs理解语法-<%=小于百分比符号
- 计算条形图百分比
- 如何使用jquery/javascript跟踪下载百分比
- 如何将CSS背景位置属性从百分比转换为像素
- 灯箱类型的东西,使图像成为浏览器高度的百分比
- 谷歌图表显示的是金钱而不是百分比