Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误日期类型(谷歌可视化)_Javascript_Google Visualization - Fatal编程技术网

Javascript 错误日期类型(谷歌可视化)

Javascript 错误日期类型(谷歌可视化),javascript,google-visualization,Javascript,Google Visualization,这是我用来显示图表的代码 $scope.course_chart = function(response){ var data2 = new google.visualization.DataTable(); data2.addColumn('date', 'pv_date'); data2.addColumn('string', 'pageviews'); _.each(response.result.rows, functio

这是我用来显示图表的代码

$scope.course_chart = function(response){
        var data2 = new google.visualization.DataTable();
        data2.addColumn('date', 'pv_date');
        data2.addColumn('string', 'pageviews');

        _.each(response.result.rows, function(item){

            var formattedDate = item[0].slice(0, 4) + ", " + item[0].slice(4, 6) + ", " + item[0].slice(6, 8);

            var date_format = new Date(formattedDate);
            date_format = $filter('date')(date_format);

            data2.addRow([
                date_format,
                item[1]
            ]);

        });

        var chart = new google.visualization.AreaChart(document.querySelector('#course_chart'));
        chart.draw(data2, options2);

};

google.load('visualization', '1', {packages:['corechart'], callback: $scope.course_chart});
我的日期格式值为2016年9月27日


google visualization中此数据类型“date”的要求输出是什么?

如果您有数据类型为:
'date'

然后必须传递一个日期对象-->
newdate()

您可以使用任何javascript

比如

新日期(2016年8月26日)

记住,在javascript中,月份是以零为基础的(8=9月)

或者

新日期('09/26/2016')

这将根据字符串创建日期,在显示时不设置格式

正在向数据表中添加行

data2.addColumn('date', 'pv_date');
data2.addRow(new Date(2016, 8, 26));
如果已经格式化了日期,则可以在添加行时使用对象表示法
v
=值,
f
=格式化值)

你也可以使用谷歌提供的

data2.addRow(new Date(2016, 8, 26));

var formatDate = new google.visualization.DateFormat({
  pattern: 'MMM d, yyyy'
});
formatDate.format(data2, 0);
最后,您可以提供原始日期,并让轴格式化日期
i、 e.
hAxis.format:'mmmd,yyyy'

以下是使用每个场景的几个示例…

1.使用
hAxis.format

google.charts.load('current'{
回调:函数(){
var data2=新的google.visualization.DataTable();
数据2.addColumn(“日期”、“pv_日期”);
data2.addColumn('number','pageviews');
data2.addRows([
[新日期(2016年8月26日),100],
[新日期(2016年8月27日)101]
]);
变量选项={
哈克斯:{
格式:“MMM d,yyyy”
}
};
var chart=new google.visualization.AreaChart(document.getElementById('chart_div'));
图表绘制(数据2,选项);
},
软件包:['corechart']
});

我对该库一无所知,但我希望您可以提供日期作为日期(而不是文本)。在JavaScript中,这意味着
Date
对象。
data2.addRow(new Date(2016, 8, 26));

var formatDate = new google.visualization.DateFormat({
  pattern: 'MMM d, yyyy'
});
formatDate.format(data2, 0);