谷歌图折线图间歇性地显示H轴

Question

我有一个折线图这是很基本的。

我有名字的H轴，然后生产力％计算。

问题：只有H轴显示一些的时间 - 我无法找到任何可复制的条件，使其出现或重新出现 - 它只是随机的。

这是约7-8其他图表所有功能完美的网页上。

这里是我的断续线图码 - 有什么明显的这个可能是造成问题？

google.charts.load('current', {'packages':['table', 'corechart', 'bar', 'line']});
google.charts.setOnLoadCallback(drawTable);

function drawTable() {

  ...

  var on_time_chart = new google.visualization.DataTable();
  on_time_chart.addColumn('string', 'Name');
  on_time_chart.addColumn('number', 'On Time %');
  on_time_chart.addColumn({type: 'number', role: 'annotation'});
  on_time_chart.addRows([
    ['Ron', 83.3, 83.3],
    ['Ed', 45.5, 45.5],
    ['Gary', 25.0, 25.0],
  ]);
  var chart = new google.visualization.LineChart(document.getElementById('on_time_perf_chart'));
  chart.draw(on_time_chart, { width: 500,
                            height: 350,
                            chartArea:{left:50,top:10,width:350,height:150},
                            pointSize: 5,
                            legend: {title: 'On Time%', position: 'bottom', alignment: ''},
                            hAxis: {showTextEvery: 1, slantedTextAngle: 50, slantedText: 1},
                            vAxis: {title: '%'}
                        });
}

注：我已删除{showTextEvery：1，slantedTextAngle：50}，它似乎工作，但是这将创建一个丑陋的显示。我不能添加任何额外的配置选项，以hAxis无标签消失...

Answer 1

我发现我的解决方案 - 我的页面，尝试从一个监听器添加到页面检测调整大小，然后发出drawVisualization调用调整图表页脚了代码。

删除这一点，问题就解决了。

if (document.addEventListener) {
    window.addEventListener('resize', drawVisualization);
}
else if (document.attachEvent) {
    window.attachEvent('onresize', drawVisualization);
}
else {
    window.resize = drawVisualization;
}