Javascript 如何从使用Google图表生成的组合图表中删除网格线

Javascript 如何从使用Google图表生成的组合图表中删除网格线,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我有以下代码生成组合图,我使用Javascript代码生成了组合图: <script type="text/javascript"> google.setOnLoadCallback(drawVisualization); function drawVisualization() { // Some raw data (not necessarily accurate) var data = google.visualization.arrayToData

我有以下代码生成组合图,我使用Javascript代码生成了组合图:

<script type="text/javascript">
  google.setOnLoadCallback(drawVisualization);


  function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable([
     ['Days', 'Seat Utilization', 'RevPash'],
     ['Monday',  .61,      34.33],
     ['Tuesday',  .59,      33.15],
     ['Wednesday',  .64,      34.83],
     ['Thursday',  .62,      32.85],
     ['Friday',  .73,      37.30],
     ['Saturday',  .89,      49.76],
     ['Sunday',  .87,      45.99]
  ]);
        var view = new google.visualization.DataView(data);
            view.setColumns([0, 1,
                            { //calc: "stringify",
                                sourceColumn: 1,
                                type: "number",
                                role: "annotation" },2]);
var options = {
  title : '',
  vAxes: {0: {title: "",titleTextStyle: {italic: false},gridlines: { color: 'transparent'}}, 1: {title: "",titleTextStyle: {italic: false},format: 'percent'},gridlines: { color: 'transparent'} },
  hAxis: {title: 'Days',titleTextStyle: {italic: false},gridlines: { color: 'transparent'},textStyle : {fontSize: 9 } },
  chartArea: {'width': '90%', 'height': '80%'},
  seriesType: 'bars',
  series: {1: {type: 'area'}},
  legend: { position: 'top' },
  height: 300,

  series: {
        1:{ type: "area", targetAxisIndex: 0, color:'#EA922B' },
        0:{ type: "bars", targetAxisIndex: 1, color:'#20488D' },
        2:{ type: "bars", targetAxisIndex: 1, color:'#94CAFC' },


    }
};

var chart = new google.visualization.ComboChart(document.getElementById('chart_combo'));
chart.draw(view, options);
 }
</script>

setOnLoadCallback(drawVisualization);
函数drawVisualization(){
//一些原始数据(不一定准确)
var data=google.visualization.arrayToDataTable([
[‘天’、‘座位利用率’、‘RevPash’],
[‘星期一’、.61、34.33],
[‘星期二’、.59、33.15],
[‘星期三’,.64,34.83],
[‘星期四’、.62、32.85],
['Friday',.73,37.30],
[‘星期六’、.89、49.76],
[‘星期日’,.87,45.99]
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1,
{//calc:“字符串化”,
资料来源专栏:1,
键入:“数字”,
角色:“注释”},2]);
变量选项={
标题:“”,
变量:{0:{title:,titleTextStyle:{italic:false},网格线:{color:'transparent'},1:{title:,titleTextStyle:{italic:false},格式:'percent'},网格线:{color:'transparent'},
hAxis:{title:'Days',titleTextStyle:{italic:false},网格线:{color:'transparent'},textStyle:{fontSize:9},
图表区:{'width':'90%,'height':'80%},
序列类型:“条”,
系列:{1:{type:'area'}},
图例:{位置:'top'},
身高:300,
系列:{
1:{type:“area”,targetAxisIndex:0,颜色:'#EA922B'},
0:{键入:“条”,targetAxisIndex:1,颜色:'#20488D'},
2:{类型:“条”,目标轴索引:1,颜色:'#94CAFC'},
}
};
var chart=new google.visualization.ComboChart(document.getElementById('chart_combo');
图表绘制(视图、选项);
}
图表如下所示:

我该怎么做才能删除网格线??我尝试过使网格线透明的选项,但由于某种原因,它不起作用。我无法理解如何删除网格线。请帮助瓦克斯:{ 网格线:{color:'none'} }

[eidt]
在google docs developer wiki链接的小提琴中工作:

问题是VAX
1
上的
网格线
的定义有误

网格线:{color:'transparent'}

在对象花括号外定义

从…
vax:{0:{title:,titleTextStyle:{italic:false},网格线:{color:'transparent'},1:{title:,titleTextStyle:{italic:false},格式:'percent'},网格线:{color:'transparent'}

到…

vAxes:{0:{title:,titleTextStyle:{italic:false},网格线:{color:'transparent'},1:{title:,titleTextStyle:{italic:false},格式:'percent',网格线:{color:'transparent'}}
不,这对我不起作用:(此外,fiddle链接将我重定向到一个空的fiddle。还有其他方法吗?我已经更新了我的答案,给出了正确的链接,在那里你可以找到fiddle。你指的是
hAxes
(复数)但
vAxis
(单数)有意义吗?这有效吗?