Mysql
 sql >> Baza danych >  >> RDS >> Mysql

Google wykresy ciągłą oś X z tablicy php

Błąd jest zgłaszany, ponieważ wartości w pierwszej kolumnie muszą być aktualną date wartości.

Spróbuj wymienić...

{"c":[{"v":"04-10-2015"},{"v":0.4}]}

Z...

{"c":[{"v":new Date("10/04/2015")},{"v":0.4}]}

Używając...

$date1 = date_create_from_format('Y-m-d H:i:s', $row['Date']);
$date2 = "new Date(\"".date("m",$date1)."/".date("d",$date1)."/".date("Y",$date1)."\")";
$temp[] = array('v' => (string) $date2);

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

function drawChart() {
  var json = {
    "cols":[
      {"label":"Reading Date","type":"date"},
      {"label":"Cl Reading(mg\/l) ","type":"number"}
    ],
    "rows":[
      {"c":[{"v":new Date("10/04/2015")},{"v":0.4}]},
      {"c":[{"v":new Date("11/04/2015")},{"v":0.45}]},
      {"c":[{"v":new Date("12/04/2015")},{"v":0.9}]},
      {"c":[{"v":new Date("01/04/2016")},{"v":0.5}]},
      {"c":[{"v":new Date("02/04/2016")},{"v":0.43}]},
      {"c":[{"v":new Date("02/18/2016")},{"v":0.6}]}
    ]
  }

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

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, {});
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>


  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Przekazanie listy do procedury składowanej MySQL i sprawdzenie obecności WSZYSTKICH wartości

  2. konwertuj dane xml na zapytanie wstaw/aktualizuj mysql za pomocą php

  3. Grupowanie daty i godziny MySQL w interwały niezależnie od strefy czasowej

  4. Powtarzanie wydarzeń w n-ty dzień powszedni każdego miesiąca

  5. Funkcja MySQL MOD() – Wykonaj operację Modulo w MySQL