0

JSON を使用してチャートにデータを返しています。を使用して、折れ線グラフの x 軸の日付をフォーマットすることができました。

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

しかし、列の 1 つが日付形式であるテーブル チャートでも同じことを行うには、助けが必要です。
現在、「/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 });
            }
         )
      }
4

1 に答える 1

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]);
                }
于 2013-07-12T07:58:45.817 に答える