问题 - 如何按日期排序 google 图表行数据

Question

我对图表完全陌生。

我刚刚开始使用 Google 图表 API 但我卡在了这一点上。

我实现的图表完美地显示了数据，但数据段不正确。

我正在尝试更正日期段，但未能找到完美的解决方案

这是脚本代码：-

google.charts.load('current', {'packages':['line']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
       var previewsvalue = '';
        var newsvalue = '';
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'X');
        data.addColumn('number', 'Figure Cost');
        for (var i = 0; i < statsdata.length; i++)
        {
            previewsvalue = +statsdata[i].payment_amount + +newsvalue;
            data.addRow([new Date(statsdata[i].starting_date),Number(previewsvalue) ]);
            newsvalue = previewsvalue;
            console.log('previewsvalue',previewsvalue) 
        }
        data.sort([{column: 1}, {column: 0}]);
      var options = {
        chart: {
          title: 'Its a demo Graph,',
          subtitle: 'in Euro(€)'
        },
        hAxis: {
          title: 'Starting At'
        },
        vAxis: {
            title: "Payment Amount",
        }
      };
      var formatter = new google.visualization.NumberFormat(
    {prefix: '€', negativeColor: 'red', negativeParens: true});
formatter.format(data, 1);
      var chart = new google.charts.Line(document.getElementById('chart_div'));

      chart.draw(data, google.charts.Line.convertOptions(options));
    }

这是我的多维数组，它是我在 google 图表脚本中使用的数据

[{"payment_amount":"100","starting_date":"2020-12-31T23:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-01-31T23:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-02-28T23:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-03-31T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-04-30T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-05-31T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-06-30T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-07-31T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-08-31T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-09-30T22:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-10-31T23:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-11-30T23:00:00.000000Z"},{"payment_amount":"100","starting_date":"2021-06-16T22:00:00.000000Z"},{"payment_amount":"10","starting_date":"2021-06-29T22:00:00.000000Z"},{"payment_amount":"600","starting_date":"2021-07-12T22:00:00.000000Z"},{"payment_amount":"0","starting_date":"2021-07-30T22:00:00.000000Z"}]

我的英语不好，但我正在努力解释我的观点。我该如何解决？如何按开始日期对多维数组进行排序？如果前一个值为 12，新值为 100，则下一个值为 120

Answer 1

排序方法导致行显示乱序。

data.sort([{column: 1}, {column: 0}]);

这样颠倒列顺序...

data.sort([{column: 0}, {column: 1}]);

问题 - 如何按日期排序 google 图表行数据

Issue- How to order google graph chart row data by date

javascript

sorting

charts

google-visualization

multidimensional-array