Javascript Google图表格式化程序未修改工具提示

我正在尝试使用谷歌图表库创建一个折线图

数据包括日期（x轴）、数字（第1列）、数字（第2列）、浮点（第3列）

我想在第三列工具提示上显示两个小数，同时将y轴保持在0到100之间，这是我的当前代码（在此处运行）：

我尝试过在代码中前后添加格式化程序代码，尝试将其应用于其他列，等等，但似乎没有任何效果。第三列工具提示始终删除小数

---

我做错了什么？

正在

vAxes

选项中设置

格式，该选项覆盖了
格式设置程序

只需将格式设置为-->
format:'#，##0.00\'%\''

这里不需要
格式化程序


google.charts.load（'current'，{'packages'：['line']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'datetime'，'Hours'）；
data.addColumn（'number'，'col1'）；
data.addColumn（'number'，'col2'）；
data.addColumn（'number'，'percent'）；
data.addRows([
[新日期（1454950800*1000），0,0,0]，
[新日期（1454947200*1000），0,0,0]，
[新日期（1454943600*1000），2,0,0.00]，
[新日期（1454940000*1000），24,1,4.17]，
[新日期（1454936400*1000），12,1,8.33]，
[新日期（1454932800*1000），64,4,6.25]，
[新日期（1454929200*1000），176,11,6.25]，
[新日期（1454925600*1000），142,7,4.93]，
[新日期（1454922000*1000），114,7,6.14]，
[新日期（1454918400*1000），0,0,0]，
[新日期（1454914800*1000），0,0,0]，
[新日期（1454911200*1000），0,0,0]，
[新日期（1454907600*1000），0,0,0]，
[新日期（1454904000*1000），0,0,0]，
[新日期（1454900400*1000），0,0,0]，
[新日期（1454896800*1000），0,0,0]，
[新日期（1454893200*1000），0,0,0]，
[新日期（1454889600*1000），0,0,0]，
[新日期（1454886000*1000），0,0,0]，
[新日期（1454882400*1000），0,0,0]，
[新日期（1454878800*1000），0,0,0]，
[新日期（1454875200*1000），0,0,0]，
[新日期（1454871600*1000），180,10,5.56]
]);
变量选项={
宽度：900，
身高：500，
背景颜色：“#f1f1”，
颜色：[“ff851b”、“03a9f4”、“8dc859”]，
dateFormat:'H'，
阀门：[
{
titleTextStyle:{color:'#FF0000'}
},
{
titleTextStyle：{
颜色：“#FF0000”
},
最小值：0，
最大值：100，
格式：'#，'#0.00\'%\''，//在此处设置格式--不需要格式化程序
viewWindowMode:“显式”，
视图窗口：{
最高：100，
最低：0
}
}
],
系列：[
{targetAxisIndex:0}，
{targetAxisIndex:0}，
{targetAxisIndex:1}
]
};
var chart=new google.charts.Line（document.getElementById（'linechart_material'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
}

正在
vAxes
选项中设置
格式，该选项覆盖了
格式设置程序

只需将格式设置为-->
format:'#，##0.00\'%\''

这里不需要
格式化程序


google.charts.load（'current'，{'packages'：['line']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'datetime'，'Hours'）；
data.addColumn（'number'，'col1'）；
data.addColumn（'number'，'col2'）；
data.addColumn（'number'，'percent'）；
data.addRows([
[新日期（1454950800*1000），0,0,0]，
[新日期（1454947200*1000），0,0,0]，
[新日期（1454943600*1000），2,0,0.00]，
[新日期（1454940000*1000），24,1,4.17]，
[新日期（1454936400*1000），12,1,8.33]，
[新日期（1454932800*1000），64,4,6.25]，
[新日期（1454929200*1000），176,11,6.25]，
[新日期（1454925600*1000），142,7,4.93]，
[新日期（1454922000*1000），114,7,6.14]，
[新日期（1454918400*1000），0,0,0]，
[新日期（1454914800*1000），0,0,0]，
[新日期（1454911200*1000），0,0,0]，
[新日期（1454907600*1000），0,0,0]，
[新日期（1454904000*1000），0,0,0]，
[新日期（1454900400*1000），0,0,0]，
[新日期（1454896800*1000），0,0,0]，
[新日期（1454893200*1000），0,0,0]，
[新日期（1454889600*1000），0,0,0]，
[新日期（1454886000*1000），0,0,0]，
[新日期（1454882400*1000），0,0,0]，
[新日期（1454878800*1000），0,0,0]，
[新日期（1454875200*1000），0,0,0]，
[新日期（1454871600*1000），180,10,5.56]
]);
变量选项={
宽度：900，
身高：500，
背景颜色：“#f1f1”，
颜色：[“ff851b”、“03a9f4”、“8dc859”]，
dateFormat:'H'，
阀门：[
{
titleTextStyle:{color:'#FF0000'}
},
{
titleTextStyle：{
颜色：“#FF0000”
},
最小值：0，
最大值：100，
格式：'#，'#0.00\'%\''，//在此处设置格式--不需要格式化程序
viewWindowMode:“显式”，
视图窗口：{
最高：100，
最低：0
}
}
],
系列：[
{targetAxisIndex:0}，
{targetAxisIndex:0}，
{targetAxisIndex:1}
]
};
var chart=new google.charts.Line（document.getElementById（'linechart_material'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
}

谢谢，我只是用google.visualization.LineChart而不是google.charts.Line“修复”了。你的回答似乎也很有效。谢谢，我只是用google.visualization.LineChart而不是google.charts.Line“修复”了。你的回答似乎也很有效。
google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var data = new google.visualization.DataTable();
  data.addColumn('datetime', 'Hours');
  data.addColumn('number', 'col1');
  data.addColumn('number', 'col2');
  data.addColumn('number', 'percent');

  data.addRows([
[new Date(1454950800*1000),0,0,0],[new Date(1454947200*1000),0,0,0],[new Date(1454943600*1000),2,0,0.00],[new Date(1454940000*1000),24,1,4.17],[new Date(1454936400*1000),12,1,8.33],[new Date(1454932800*1000),64,4,6.25],[new Date(1454929200*1000),176,11,6.25],[new Date(1454925600*1000),142,7,4.93],[new Date(1454922000*1000),114,7,6.14],[new Date(1454918400*1000),0,0,0],[new Date(1454914800*1000),0,0,0],[new Date(1454911200*1000),0,0,0],[new Date(1454907600*1000),0,0,0],[new Date(1454904000*1000),0,0,0],[new Date(1454900400*1000),0,0,0],[new Date(1454896800*1000),0,0,0],[new Date(1454893200*1000),0,0,0],[new Date(1454889600*1000),0,0,0],[new Date(1454886000*1000),0,0,0],[new Date(1454882400*1000),0,0,0],[new Date(1454878800*1000),0,0,0],[new Date(1454875200*1000),0,0,0],[new Date(1454871600*1000),180,10,5.56],      ]);

  var formatter = new google.visualization.NumberFormat({
                fractionDigits: 2,
                suffix: '%'
  });
  formatter.format(data, 3);

  var options = {
    width: 900,
    height: 500,
            backgroundColor: '#f1f1f1',
            colors: ['#ff851b', '#03a9f4', '#8dc859'],
            dateFormat: 'H',
            vAxes:[
                { titleTextStyle: {color: '#FF0000'}},
                { titleTextStyle: {color: '#FF0000'}, minValue: 0, maxValue: 100, format: '#\'%\'', viewWindowMode : 'explicit', viewWindow:{
            max:100,
            min:0
          }}
            ],
            series:[
            {targetAxisIndex:0},
            {targetAxisIndex:0},
            {targetAxisIndex:1}
        ]
  };


  var chart = new google.charts.Line(document.getElementById('linechart_material'));
  chart.draw(data, google.charts.Line.convertOptions(options));
}