Javascript 如何在google柱形图中添加轴标记/标签?

Javascript 如何在google柱形图中添加轴标记/标签?,javascript,google-visualization,Javascript,Google Visualization,我一直在尝试将记号/标签添加到以下google图表的垂直轴。我希望左手轴每20%显示0-100%的刻度,但我尝试过的任何方法都无效 我试着复制我在谷歌提供的jsfiddles中看到的相同方法,但我永远无法将这种行为转化为我自己的图表 以下是不带标签的图表的代码: // Load the Visualization API and the corechart package. google.charts.load('current', { 'packages': ['bar'] }); //

我一直在尝试将记号/标签添加到以下google图表的垂直轴。我希望左手轴每20%显示0-100%的刻度,但我尝试过的任何方法都无效

我试着复制我在谷歌提供的jsfiddles中看到的相同方法,但我永远无法将这种行为转化为我自己的图表

以下是不带标签的图表的代码:

// Load the Visualization API and the corechart package.
google.charts.load('current', {
  'packages': ['bar']
});

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

function drawChart() {
  var data = new google.visualization.arrayToDataTable([
    ['Problems', 'One', 'Another', 'Yet another'],
    ['Easier problems', 79, 45, 25],
    ['Harder problems', 64, 20, 9],
  ]);

  var options = {
    chart: {
      title: 'Navy Troubleshooting Competition',
      subtitle: '% solved',
      'backgroundColor': {
        fill: 'transparent'
      },
    }
  };

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

我尝试过的每件事都没有任何明显的效果,所以我放弃了失败的尝试;如果这是因为我不完整,我道歉


任何帮助都将不胜感激。谢谢您的时间。

请确保您有足够的空间来显示
标记

添加
height:400
后,下面示例中的
ticks
出现

//加载可视化API和corechart包。
google.charts.load('current'{
“包”:[“条”]
});
//将回调设置为在加载Google Visualization API时运行。
google.charts.setOnLoadCallback(drawChart);
//创建并填充数据表的回调,
//实例化饼图,传入数据并
//画它。
函数绘图图(){
var data=new google.visualization.arrayToDataTable([
[‘问题’、‘一个’、‘另一个’、‘还有另一个’],
[“更容易的问题”、.79、.45、.25],
[Harder problems'、.64、.20、.9],
]);
变量选项={
图表:{
标题:“海军故障排除比赛”,
副标题:“‘已解决’,
“背景色”:{
填充:“透明”
},
},
身高:400,
图例:{
位置:“无”
},
言辞:{
格式:“#,##0.0%”,
记号:[0,2,4,6,8,1]
}
};
var chart=new google.charts.Bar(document.getElementById('dual_y_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
}

祝你万事如意!我非常感激。不知何故,我从未认为空间不足是一个潜在的问题。再次感谢:-)