Mysql
 sql >> Cơ Sở Dữ Liệu >  >> RDS >> Mysql

Google lập biểu đồ trục x liên tục từ mảng php

Lỗi được đưa ra vì các giá trị trong cột đầu tiên cần phải là date thực tế các giá trị.

Thử thay thế ...

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

Với ...

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

Sử dụng ...

$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. Tại sao PDO của tôi không hoạt động?

  2. Xóa một hàng có khóa ngoại tự tham chiếu

  3. Định dạng DateTime chính xác cho Cơ sở dữ liệu MySQL là gì?

  4. Triển khai ứng dụng Java với máy tính để bàn mysql cơ sở dữ liệu

  5. DB gì cho cơ sở dữ liệu lớn?