Javascript 谷歌可视化格式选项

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

我最近正在研究谷歌的图表。 现在我有一些关于设置条形码格式的问题。 我可以为条形范围设置最小值和最大值, 但这只适合整张桌子。 有没有办法单独设置范围? 另一个问题是第二列中的“v”和“f”代表什么? 下面是一个例子

  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