Линейчатая диаграмма Google Chart периодически отображает ось h - PullRequest
Новая
       6

Линейчатая диаграмма Google Chart периодически отображает ось h

0 голосов
/ 04 февраля 2019

У меня есть линейная диаграмма, которая действительно проста.

У меня есть ось имен 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 без исчезновения ярлыков ...

1 Ответ

0 голосов
/ 04 февраля 2019

Я нашел свое решение - у меня был код в нижнем колонтитуле страницы, который пытался добавить слушателя на страницу, чтобы обнаружить изменение размера, а затем выполнить вызов drawVisualization для изменения размеров диаграмм.

Удалено это ипроблема решена. 

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