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