将JSON日期从Perl发送到谷歌图表API

boh*_*ica 9 javascript perl json google-visualization

我有一个小舞者应用程序,它提供一些HTML(包括调用谷歌图表API的javascript)和其他URL查询数据库,并以您可以传递给google.visualization.DataTable的形式返回编码JSON中的数据.javascript在舞者应用程序中查询JSON数据,然后将其传递到google图表API中 - 简化版本为:

    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">

      google.load('visualization', '1.0', {'packages':['corechart']});
      google.setOnLoadCallback(initialize);

function initialize() {
    var res = $.ajax({
        url: "/data/2",
        dataType:"json",
        async: false,
        data: "{}",
        contentType: "application/json",
        error: function(jqXHR, textStatus, errorThrown) {
             alert('textStatus ' + textStatus);
             alert('errorThrown ' + errorThrown);
        }
    });
    jsonData = res.responseText;
    var data = new google.visualization.DataTable(jsonData);

    var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240});

}
    </script>
Run Code Online (Sandbox Code Playgroud)

问题是Perl返回的一些数据包含日期/时间戳,所以应该将类型设置为"datetime":

{"rows":[{"c":[{"v":"WHAT_CAN_I_PUT_HERE"},{"v":"2095"}]}],"cols":[{"type":"datetime","label":"DTU"},{"type":"number","label":"COUNT"}]}
Run Code Online (Sandbox Code Playgroud)

在Javascript中,您可以使用以下命令创建传递给Google图表API的日期:

new Date(2012, 1, 08, 09, 32, 0)
Run Code Online (Sandbox Code Playgroud)

如何从Perl发送以JSON编码的日期,以便谷歌图表API能够理解它?如果你不能为我提供其他选择?

ben*_*ing 19

JSON不支持将datetime作为数据类型.但根据Google的文档,您只需发送一个包含以下格式的字符串:

JSON不支持JavaScript Date值(例如,"new Date(2008,1,28,0,31,26)"; API实现.但是,API现在支持日期的自定义有效JSON表示形式字符串格式如下:日期(年,月,日[,小时,分钟,秒[,毫秒]]),其中一天中的所有内容都是可选的,而月份是从零开始的.

Google Chart Tools数据源协议

  • 值得强调的是(因为我错过了,并且仍然徘徊了一小时),日期应该**不包括`new`关键字.所以:`日期(年,月,日)`而不是'新日期(年,月,日)`. (3认同)

小智 10

只是为了澄清:你应该将单元格值写成一个看起来像这样的字符串:日期(年,月).为你的例子:

{"rows":[{"c":[{"v":"Date(year, month)"},{"v":"2095"}]}],"cols":[{"type":"datetime","label":"DTU"},{"type":"number","label":"COUNT"}]}
Run Code Online (Sandbox Code Playgroud)

希望有帮助,并纠正你,因为我在PHP中使用它而不是perl