2013-07-11 68 views
0

我使用JSON将数据返回到图表。 我设法格式化折线图的x-axiz的日期,使用;Google Table Chart:日期格式

var options = { 
      hAxis: { 
         format: ' dd MMM yy' 
        }, 
} 

但我需要帮助做一个表图表,其中一列应该是日期格式相同。
目前正在显示“/ Date(1372761341103)/” 如何格式化此选项? 据我了解,“选项”变量设置不适用于表格图表。 此外,当我添加我的列时,将'Date'列的数据类型设置为'date'不起作用...不返回图表。

这是目前我的代码:

  function drawChart3() { 
      $.get('/MyMall/GetAdRunData', {}, 
      function (data) { 

       /* Add data */ 
       var tdata = new google.visualization.DataTable() 
       tdata.addColumn('number', 'Id'); 
       tdata.addColumn('string','Date'); 
       tdata.addColumn('number', 'Opens'); 

       for (var i = 0; i < data.length; i++) { 
        tdata.addRow([data[i].Id, data[i].Date, data[i].Opens]); 
       } 

       /* Draw chart */ 
       var chart = new google.visualization.Table(document.getElementById('chart_adRun')); 
       //var formatter = new google.visualization.ColorFormat(); 
       //var monthYearFormatter = new google.visualization.DateFormat({ pattern: "MMM yyyy" }); 
       monthYearFormatter.format(tdata, 0); 
       formatter.addRange(-1, 1, 'white', 'orange'); 
       formatter.addRange(0, 2, 'red', '#33ff33'); 
       formatter.addRange(1, 10, 'red', 'pink'); 
       formatter.format(tdata, 1); // Apply formatter to second column 
       chart.draw(tdata, { allowHtml: true, showRowNumber: false }); 
      } 
     ) 
     } 

回答

0

我解决了它这样...

    for (var i = 0; i < data.length; i++) { 
        var date = new Date(parseInt(data[i].Date.substr(6))); 
        tdata.addRow([data[i].Id, date, data[i].Opens]); 
       }