Dates Wrong on graph

[Bevan Robinson]

The latest row in my database is 2018-07-20 but on the graph it shows as 20 Aug 2018

Why?

<script>

google.charts.load('current', {'packages':['line', 'corechart']});

google.charts.load('current', {'packages':['gauge']});

google.charts.setOnLoadCallback(drawChart);

google.charts.setOnLoadCallback(drawChart2);

function drawChart() {

var data = new google.visualization.DataTable();

      data.addColumn('date', 'Date');

      data.addColumn('number', 'Ph');

      data.addColumn('number', 'Ammonia');

      data.addColumn('number', 'Nitrite');

      data.addColumn('number', 'Nitrate');

      data.addColumn('number', 'Gravity');

      data.addColumn('number', 'Phosphate');   

    

  data.addRows([

<?php

require 'db.php';

$result = mysqli_query($link2, "SELECT * FROM `tank` ORDER BY `entryDate` asc");

$num_rows = mysqli_num_rows($result);

$i = 1;

while ($row = $result->fetch_assoc()){

$ph = $row['ph'];

$amm = $row['ammonia'];

$rite = $row['nitrite'];

$rate = $row['nitrate'];

$grav = $row['gravity'];

$phos = $row['phosphate'];

$n = $row['notes'];

$date = DateTime::createFromFormat("Y-m-d", $row['entryDate']);

$y = $date->format("Y");

$m = $date->format("n");;

$d = $date->format("d");

echo "[ new Date($y, $m, $d), $ph, $amm, $rite, $rate, $grav, $phos ]";

$i++;

if ($i <= $num_rows){

echo ",";

}

}

?>   

]);

var options = {

  title: 'Company Performance',

  curveType: 'function',

  legend: { position: 'bottom' }

};

var materialOptions = {

        chart: {

          title: 'Average Temperatures and Daylight in Iceland Throughout the Year'

        },

        width: 900,

        height: 900,

        series: {

          // Gives each series an axis name that matches the Y-axis below.

          0: {axis: 'Temps'},

          1: {axis: 'Daylight'}

        },

        axes: {

          // Adds labels to each axis; they don't have to match the axis names.

          y: {

            Temps: {label: 'Temps (Celsius)'},

            Daylight: {label: 'Daylight'}

          }

        }

      };

var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

chart.draw(data, options);

}

function drawChart2() {

var data = google.visualization.arrayToDataTable([

  ['Label', 'Value'],

  ['Ph', 10]

]);

var options = {

  width: 400, height: 120,

  redFrom: 90, redTo: 100,

  yellowFrom:75, yellowTo: 90,

  minorTicks: 1

};

var chart = new google.visualization.Gauge(document.getElementById('chart_div'));

chart.draw(data, options);

setInterval(function() {

  data.setValue(0, 1, 40 + Math.round(60 * Math.random()));

  chart.draw(data, options);

}, 13000);

}

</script>

    

<div class="guage">

<div id="chart_div" style="width: 400px; height: 120px;"></div>

</div>

<div id="curve_chart" style="width: 1900px; height: 900px;"></div>

[Jon Orwant]

Because months are zero-indexed in JavaScript. January is month 0, and August is month 7.

Jon

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/fd199767-fd42-42da-9e8d-f62e91178719%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.