), поэтому необходимо убедиться, что в контейнере достаточно места для рисования графика.
тоящее время у меня есть два графика, которые я рендерингю на странице, я использую библиотеку Google Charts для визуализации, и из-за проблем с размером страницы vAxes отказывается отрисовывать часть / большую часть времени.
Если я предоставлю ему достаточно места, он будет хорошо отображать оси, но если он даже немного смещен, даже если для этих кровавых топоров достаточно места, они просто отказываются отрисовывать, я не могу этого иметь!
Я посмотрел на него, и он, кажется, рендерит кучу тегов, когда он работает, и не рендерится, когда он не работает, что заставляет меня думать, что должен быть какой-то бычий «если-еще» «ИИ», который активно решает саботировать меня ! FS!
Кто-нибудь имел опыт работы с диаграммами и сумел найти обходной путь к тому, чтобы заставить библиотеку рендерить vAxes независимо от воли Google "AI"? (Серьезно, что случилось со вторым законом робототехники ?! ПОДЧИНЯЙТЕСЬ, СКАМ!)
Извините, я немного раздражен.
Изменить: Извините, чтобы предоставить подробности, вот блок js рендеринга диаграмм:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the chart package.
google.charts.load('visualization', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var options = {
hAxis: {showTextEvery: 5},
vAxes: {
0: {textPosition: 'out',
viewWindowMode:'pretty',
viewWindow: {min:0},
gridlines: {color: 'transparent'},
},
1: { textPosition: 'out',
viewWindow: {min:0},
gridlines: {color: 'transparent'}
},
},
seriesType: 'bars',
series: {0: {targetAxisIndex:0, type: 'line'},
1:{targetAxisIndex:1},
2:{targetAxisIndex:1},
}
};
//Chart render
var data1 = new google.visualization.DataTable(<?=$jsonEventType?>);
var chart1 = new google.visualization.ComboChart(document.getElementById('chart_div1'));
chart1.draw(data1, options);
}
элемент div: <div id = "chart_div1" style = "height: 100%;"> (это внутри нескольких других div, но это помимо точки)
Как вы можете сказать, это базовая диаграмма c-c-c-combo, $ jsonEventType не имеет значения, я думаю, но вот оно:
string (661) "{" cols ": [{" label ":" Date "," type ":" string "}, {" label ":" To Audit "," type ":" number "}, {" этикетка ":" Открыть», "типа": "число"}, { "метка": "Закрыт", "типа": "номер"}], "строка": [{ "с": [{ "v" : "05/07/2018"}, { "v": 437}, { "v": 0}, { "v": 8}]}, { "с": [{ "v": "12 / 07/2018 "}, {" v ": 419}, {" v ": 0}, {" v ": 21}]}, {" с ": [{" v ":" 19/07/2018" }, { "v": 401}, { "v": 56}, { "v": 36}]}, { "с": [{ "v": "26/07/2018"}, {» v ": 385}, {" v ": 0}, {" v ": 20}]}, {" с ": [{" v ":" 02/08/2018 "}, {" v ": 369 }, { "v": 0}, { "v": 12}]}, { "с": [{ "v": "09/08/2018"}, { "v": 357}, {» v ": 0}, {" v ": 25}]}, {" с ": [{" v ":" 16/08/2018 "}, {" v ": 348}, {" v ": 0 }, { "v": 18}]}, { "с": [{ "v": "23/08/2018"}, { "v": 336}, { "v": 0}, {» v ": 14}]}, {" с ": [{" v ":" 30/08/2018 "}, {" v ": 316}, {" v ": 0}, {" v ": 13 }]}]}»