Question

我使用JSON将数据返回到图表。我已设法使用;

格式化折线图的x轴的日期

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

但我需要帮助对表格图表做同样的事情，其中一列应该是日期格式。
目前显示“/ Date（1372761341103）/” 如何格式化此选项？据我了解，“选项”变量设置不适用于表格图表。此外，当我添加列时，将“日期”列的数据类型设置为“日期”不起作用...不返回任何图表。

这是我目前的代码：

         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 });
            }
         )
      }

Answer 1

我这样解决了......

                    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]);
                }

Google表格图表：日期格式

1 个答案: