Google visualization 谷歌图表上的网格线没有按照数据进行渲染

google.charts.load（'current'{
“包”：[“核心图表”]
});
//输入数据
风险值数据=[
[‘数据’、‘CAT1’、‘CAT2’、‘CAT3’、‘CAT4’]，
[“规定”，5,0,0,0]，
];
//将回调设置为在加载Google Visualization API时运行。
google.charts.setOnLoadCallback（drawChart）；
//创建并填充数据表的回调，
//实例化饼图，传入数据并
//画它。
函数绘图图（）{
变量选项={
颜色：['#00699B'、'#087EB4'、'#CBE7F7'、'8A6996']，
isStacked：是的，
图表区：{
宽度：“40%”
},
酒吧：{
群组宽度：“40%”
},
//工具提示：{isHtml:true}，
触发器：“两个”，
言辞：{
网格线：{
颜色：“#0000006b”，
最小值：0，
基线：0
},
格式：“$#，####”
},
};
var dataTable=google.visualization.arrayToDataTable（数据）；
//格式化程序
var interformatter=新的google.visualization.NumberFormat({
分组符号：“，”，
分位数：0
});
对于（var i=0；i

堆叠条形图上的网格线未正确渲染

根据数据，5美元记录在Category1中，但当它呈现时，条值略高于5美元

有人能提出解决方案吗？

删除选项-->

格式：“$”、“$”

——会暴露问题所在

尽管勾号显示-->$5，但实际使用的数字为4.5

请参阅以下工作片段

google.charts.load（'current'{
“包”：[“核心图表”]
});
//输入数据
风险值数据=[
[‘数据’、‘CAT1’、‘CAT2’、‘CAT3’、‘CAT4’]，
[“规定”，5,0,0,0]，
];
//将回调设置为在加载Google Visualization API时运行。
google.charts.setOnLoadCallback（drawChart）；
//创建并填充数据表的回调，
//实例化饼图，传入数据并
//画它。
函数绘图图（）{
变量选项={
颜色：['#00699B'、'#087EB4'、'#CBE7F7'、'8A6996']，
isStacked：是的，
图表区：{
宽度：“40%”
},
酒吧：{
群组宽度：“40%”
},
//工具提示：{isHtml:true}，
触发器：“两个”，
言辞：{
网格线：{
颜色：“#0000006b”，
最小值：0，
基线：0
},
//格式：“$#，####”
},
};
var dataTable=google.visualization.arrayToDataTable（数据）；
//格式化程序
var interformatter=新的google.visualization.NumberFormat({
分组符号：“，”，
分位数：0
});
对于（var i=0；i

删除选项-->

格式：“$#，####”

——会暴露问题

尽管勾号显示-->$5，但实际使用的数字为4.5

请参阅以下工作片段

google.charts.load（'current'{
“包”：[“核心图表”]
});
//输入数据
风险值数据=[
[‘数据’、‘CAT1’、‘CAT2’、‘CAT3’、‘CAT4’]，
[“规定”，5,0,0,0]，
];
//将回调设置为在加载Google Visualization API时运行。
google.charts.setOnLoadCallback（drawChart）；
//创建并填充数据表的回调，
//实例化饼图，传入数据并
//画它。
函数绘图图（）{
变量选项={
颜色：['#00699B'、'#087EB4'、'#CBE7F7'、'8A6996']，
isStacked：是的，
图表区：{
宽度：“40%”
},
酒吧：{
群组宽度：“40%”
},
//工具提示：{isHtml:true}，
触发器：“两个”，
言辞：{
网格线：{
颜色：“#0000006b”，
最小值：0，
基线：0
},
//格式：“$#，####”
},
};
var dataTable=google.visualization.arrayToDataTable（数据）；
//格式化程序
var interformatter=new google.visua
google.charts.load('current', {
  'packages': ['corechart']
});

//Input data
var data = [
  ['Data', 'CAT1', 'CAT2', 'CAT3', 'CAT4'],
  ['Provisions', 5, 0, 0, 0],
];

// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
  var options = {
    colors: ['#00699B', '#087EB4', '#CBE7F7', '8A6996'],
    isStacked: true,
    chartArea: {
      width: '40%'
    },
    bar: {
      groupWidth: "40%"
    },
    //            tooltip: { isHtml: true },
    trigger: 'both',
    vAxis: {
      gridlines: {
        color: '#0000006b',
        minValue: 0,
        baseline: 0
      },
      format: "$ #,###"
    },

  };

  var dataTable = google.visualization.arrayToDataTable(data);

  //Formatters
  var intergerFormatter = new google.visualization.NumberFormat({
    groupingSymbol: ",",
    fractionDigits: 0
  });

  for (var i = 0; i < data[0].length; i++) {
    intergerFormatter.format(dataTable, i);
  }

  var view = new google.visualization.DataView(dataTable);
  var cols =   [0];
  for (var i = 1; i < data[0].length; i++) {
    cols.push({
      sourceColumn: i,
      type: "number",
      label: data[0][i]
    });
    cols.push({
      calc: createTooltip(i),
      type: "string",
      role: "tooltip",
    });
  }
  view.setColumns(cols);

  var chart = new google.visualization.ColumnChart(document.getElementById('provision_chart'));

  chart.draw(view, options);

  function createTooltip(col) {
    return function(dataTable, row) {
      var html = dataTable.getColumnLabel(col) + ":" + "\n";
      html += "4 " + dataTable.getValue(row, 0) + "\n";
      html += "$ " + intergerFormatter.formatValue(dataTable.getValue(row, col)) + " total" + "\n";
      return html;
    };
  }
}