2013-07-11 95 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]); 
       }