谷歌图表不显示轴标签答案

【问题标题】：Google charts not showing axis labels谷歌图表不显示轴标签
【发布时间】：2012-02-28 17:36:20
【问题描述】：

这不适用于图像图表。
我有以下代码可以生成正确的图表，但标签不显示。图表 div 位于另一个 div 中，该 div 用作我页面上的选项卡。
当我在未选择包含图表的选项卡时运行该函数时，图表显示时没有标签。当我在选择选项卡的情况下运行该函数时，会出现标签。

  drawChart()
  }

   function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Weeks');
    data.addColumn('number', 'Indice');

    data.addRows(arrIndice1);

    var options = {
      width:"900",
      height:"500",
      legend: "none",
      title: 'Indice 1',
      chartArea:{left:20,top:50,width:"85%",height:"75%"} 
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

【问题讨论】：

使用 firebug 或 IE 开发工具检查您是否在“tab div”上有另一个 div。 tab div的一部分在未选中时是否可能隐藏？

标签： javascript google-visualization

【解决方案1】：

chartArea 选项在增加图表大小时似乎会覆盖轴标签。尝试删除 chartArea:{left:20,top:50,width:"85%",height:"75%"} 部分。

【讨论】：