Javascript 谷歌可视化格式选项
我最近正在研究谷歌的图表。 现在我有一些关于设置条形码格式的问题。 我可以为条形范围设置最小值和最大值, 但这只适合整张桌子。 有没有办法单独设置范围? 另一个问题是第二列中的“v”和“f”代表什么? 下面是一个例子Javascript 谷歌可视化格式选项,javascript,html,google-visualization,Javascript,Html,Google Visualization,我最近正在研究谷歌的图表。 现在我有一些关于设置条形码格式的问题。 我可以为条形范围设置最小值和最大值, 但这只适合整张桌子。 有没有办法单独设置范围? 另一个问题是第二列中的“v”和“f”代表什么? 下面是一个例子 function drawTable() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Name'); data.addColumn('numbe
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Salary');
data.addColumn('boolean', 'Full Time Employee');
data.addColumn('number', 'QQ');
data.addRows([
['Mike', {v: 10000, f: '$10,000'}, true,10000],
['Jim', {v:8000, f: '$8,000'}, false,8000],
['Alice', {v: 12500, f: '$12,500'}, true,12500],
['Bob', {v: 7000, f: '$7,000'}, true,7000]
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
var formatter = new google.visualization.BarFormat({width: 100,colorPositive:'red',colorNegative:'blue',max:20000,min:0});
formatter.format(data, 3); // Apply formatter to second column
table.draw(data, {allowHtml: true,showRowNumber: true, width: '100%', height: '50%'});
}
谢谢你的帮助~ 1)
您可以使用文字值填充google数据表中的单元格('Mike'
,10000
,等等)
或者使用他们的对象符号,其中…v:
=值f:
=格式化值
它与数据表方法对齐
getValue(行,列)
和setValue(行,列,列)
getFormattedValue(行,列)
和setFormattedValue(行,列,列)
setCell(行、列、val、formatVal)
2)
如前所述,format
方法将格式应用于整个表
要对每行使用不同的min
和max
进行格式化
您可以为每一行创建一个新的数据表
格式化新的数据表
然后将所有格式化行添加到另一个最终数据表中
请参阅以下工作片段
google.charts.load('current'{
回调:drawTable,
套餐:[“表”]
});
函数drawTable(){
var data=new google.visualization.DataTable();
data.addColumn('string','Name');
data.addColumn('number','Salary');
data.addColumn('boolean','全职雇员');
data.addColumn('number','QQ');
//用于将行重新连接在一起的数据表
var joinData=data.clone();
data.addColumn('number','min');
data.addColumn('number','max');
data.addRows([
['Mike',{v:10000,f:'10000'},对,10000,020000],
['Jim',{v:8000,f:'8000'},假,8000,0,16000],
['Alice',{v:12500,f:'12500'},对,12500,0,25000],
['Bob',{v:7000,f:'7000'},对,7000,01400]
]);
var rowData=[];
对于(var r=0;r
谢谢您的帮助,但我仍然不知道如何为每行设置条的最小和最大范围。迈克:最小0,最大20000吉姆:最小0,最大16000爱丽丝:最小0,最大25000鲍勃:最小0,最大14000