<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<style>
#chart_wrapper {
overflow-x: scroll;
overflow-y: hidden;
width: 1200px;
}
</style>
<div id="chart_wrapper">
<div id="regions_div" style="width: 900px; height: 500px;"></div>
</div>
<script type="text/javascript">
google.charts.load('current', {
'packages':['corechart'],
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Time', 'var1', 'var2', 'var3'],
<?php
while($row = mysqli_fetch_assoc($chartQueryRecords)){
echo "['".date("Y-m-d H:i:s", substr($row['time'], 0, 10))."',".$row['var1'].",".$row['var2'].",".$row['var']."],";
}
?>
]);
var options = {
hAxis: { title: "Время" },
vAxis: { title: "Значение" },
width: 1200,
displayAnnotations: true
};
var chart = new google.visualization.LineChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
Есть вот такой код вывода графиков 3 переменных, проблема в том что одна из переменных в тысячи раз меньше двух других и выглядит как прямая. Можно ли добавить для нее отдельную шкалу значений в google graphs?