javascript - 如何使用 PHP 在 Google 表格图表中排序日期？

Question

我正在使用 Google 表格图表和 PHP 创建表格。表格代码为:

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

  function drawTable() {
        var data = google.visualization.arrayToDataTable([
          <?php echo $dados; ?>
          ]);
  var table = new google.visualization.Table(document.getElementById('table_div'));
  data.sort({column: 0, desc: true});
  table.draw(data, {showRowNumber: false, width: '100%', height: '100%'});
}

PHP 代码(获取数据)是:

$dados = "['Data','InfoX','InfoY'],";
for($i = 0; $i < count($vet); $i++){
  $original_Date = $vet[$i][0];
  $New_Date = date("d/m/Y", strtotime($original_Date));

  $dados .= "['".$New_Date."',".$vet[$i][2].",".$vet[$i][3].','."]";
  if ($i+1 < count($vet)){
  $dados .= ",";
}

目前，表格如下所示:

如您所见，我对第一列的排序方式有疑问(现在，它首先按天排序，然后按月和年排序)。

我需要按时间顺序(年-月-日)对第一列进行排序，但以 dd/mm/yyyy 格式显示(在 HTML 中，就像您使用 data-search和数据顺序)。是否有我需要使用的任何选项自定义属性或选项来解决我的问题？

预先感谢您的回答，如有需要，请随时询问更多详细信息。

Answer 1

问题是日期显示为字符串。
使用真实日期，排序功能将正常工作。

尝试使用以下 php...

$New_Date = date("m/d/Y", strtotime($original_Date));

$dados .= "[new Date('".$New_Date."'),".$vet[$i][2].",".$vet[$i][3].','."]";

然后在 javascript 中，使用日期格式化程序来格式化日期列...

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

function drawTable() {
  var data = google.visualization.arrayToDataTable([
    <?php echo $dados; ?>
  ]);
  var table = new google.visualization.Table(document.getElementById('table_div'));
  data.sort({column: 0, desc: true});

  var formatDate = new google.visualization.DateFormat({pattern: 'dd/MM/yyyy'});
  formatDate.format(data, 0);

  table.draw(data, {showRowNumber: false, width: '100%', height: '100%'});
}