Почему второстепенные линии сетки моей линейной диаграммы визуализации Google больше не скрываются? - PullRequest
0 голосов
/ 26 мая 2020

Я использую библиотеку Google Chart для рендеринга линейного графика, который работал нормально, но недавно я заметил, что состояние гонки вызывало проблемы с рендерингом, поэтому исправил диаграмму для использования setOnLoadCallback (). После внесения этого изменения второстепенные линии сетки на диаграмме теперь всегда отображаются.

Объект параметров отображается ниже (он вообще не менялся со времени рабочей версии), а другие настройки работают должным образом.

options = {
    animation: {duration: 1000, startup: true},
    chartArea: {left: 95,height: '85%',top: 50,width: '77%',backgroundColor:{stroke: '#23333e',strokeWidth: 2}},
    backgroundColor: 'transparent',
    legend: {position: 'none'},
    pointSize: 5,
    pointShape: 'circle',
    pointsVisible: true,
    series: {
        0: {color: '#e1bb34'},
        1: {color: '#b2dbee'}
    },
    hAxis: {baselineColor: '#23333e', textStyle:{color: 'white'}, gridlines: {color: '#23333e',count: -1}, minorGridlines: {color: 'transparent', count: 0}, titleTextStyle: {color: 'transparent'}},
    vAxis: {baselineColor: '#23333e', format: 'short', textStyle:{color: 'white'}, gridlines: {color: '#23333e',count: -1}, title: 'GP', titleTextStyle: {color: 'white'}},
    width: 665
};

Несмотря на вышесказанное, minorGridlines рисуются и отображаются цветом # a7adb2.

Любая помощь очень ценится!

EDIT (добавлено код инициализации для справки)

<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
    function drawChart() {
        GLOBAL.chart();
    }
    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawChart);
</script>
...