Question

我有一个csv文件，我读入了一个javascript变量。我现在尝试为此创建一个可视化。

   <html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>

    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <link href="http://code.jquery.com/ui/1.9.0/themes/cupertino/jquery-ui.css" rel="stylesheet" />
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <script></script>
    <script src="http://jquery-csv.googlecode.com/git/src/jquery.csv.js"></script>


    <script type="text/javascript">
      google.load("visualization", "1", {packages:["motionchart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {

      $.get("stockdata.csv", function(csvString) {  
 var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
  // this new DataTable object holds all the data
  var data = new google.visualization.arrayToDataTable(arrayData);

但是，数据变量中的第二列必须是类型转换为日期。该字符串已经是yyyy-mm-dd格式，但可视化不接受此字符串。如何只将第二列转换为日期类型。

Answer 1

在可视化之前，只需修改数据即可。 map函数将收集对象（或数组的行）的每个元素，并将其作为新数组返回。在返回之前，您将修改每一行。

arrayData = arrayData.map(function(row) {
   row[1] = new Date(row[1]);
   return row;
}

解析json数据列

1 个答案: