Charts Google图表表格格式单元格的百分比

Charts Google图表表格格式单元格的百分比,charts,formatting,cell,google-apps,percentage,Charts,Formatting,Cell,Google Apps,Percentage,我正在尝试将google图表表中的单元格格式化为百分比字段 对于它使用的列: var flow_format2 = new google.visualization.NumberFormat( {suffix: '%', negativeColor: 'red', negativeParens: true, fractionDigits: 0} ); 但据我所知,不可能有一行,所以我想在细胞水平上做这件事——这可能吗 是否使用setProperty我需要这样做,以及格式化语法是什么。您可以使用

我正在尝试将google图表表中的单元格格式化为百分比字段

对于它使用的列:

var flow_format2 = new google.visualization.NumberFormat( {suffix: '%', negativeColor: 'red', negativeParens: true, fractionDigits: 0} );
但据我所知,不可能有一行,所以我想在细胞水平上做这件事——这可能吗


是否使用
setProperty
我需要这样做,以及格式化语法是什么。

您可以使用的
formatValue
方法获取格式化字符串
而不是应用于整个列

然后您可以在数据表单元格上手动
setFormattedValue
要更改颜色,请使用
setProperty
更改单元格的
“样式”
属性
之后必须绘制图表

--或--

当图表的
'ready'
事件触发时,您可以使用DOM更改单元格值
图表生成一组正常的html
标记

下面是一个工作片段,演示了这两种方法

google.charts.load('current'{
回调:函数(){
var dataTable=新的google.visualization.dataTable({
科尔斯:[
{label:'Name',type:'string'},
{标签:'Amount',类型:'number'},
],
行:[
{c:[{v:'Adam'},{v:-1201}]},
{c:[{v:'Mike'},{v:2235}]},
{c:[{v:'Stephen'},{v:-5222}]},
{c:[{v:'Victor'},{v:1288}]},
{c:[{v:'Wes'},{v:-6753}]}
]
});
var container=document.getElementById('chart_div');
var tableChart=新的google.visualization.Table(容器);
变量模式格式={
后缀:“%”,
负片颜色:'#FF0000',
否定帕伦斯:是的,
分位数:0
};
//创建格式化程序
var formatter=新的google.visualization.NumberFormat(patternFormat);
//格式单元格-第一行
dataTable.setFormattedValue(0,1,formatter.FormattValue(dataTable.getValue(0,1));
if(dataTable.getValue(0,1)<0){
setProperty(0,1,'style','color:'+patternFormat.negativeColor+';');
}
google.visualization.events.addOneTimeListener(tableChart,'ready',function(){
//通过DOM格式化单元格-第三行
var tableCell=container.getElementsByTagName('TR')[3]。单元格[1];
tableCell.innerHTML=formatter.formatValue(dataTable.getValue(2,1));
if(dataTable.getValue(2,1)<0){
tableCell.style.color=patternFormat.negativeColor;
}
});
tableChart.draw(数据表{
allowHtml:是的
});
},
套餐:[“表”]
});

非常感谢您的帮助,WhiteHat它工作得非常完美;-)