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

问题描述 投票:0回答:1

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

我有名字的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无标签消失...

javascript charts google-visualization
1个回答
0
投票

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

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

if (document.addEventListener) {
    window.addEventListener('resize', drawVisualization);
}
else if (document.attachEvent) {
    window.attachEvent('onresize', drawVisualization);
}
else {
    window.resize = drawVisualization;
}
热门问题
推荐问题
最新问题