Google圖表日期格式無法顯示
[英]Google chart Date format unable to Display
問題描述
Iam使用Google圖表顯示我的銷售圖表
在我的圖表中需要顯示日期明智的銷售
在X軸上顯示日期，在Y軸上顯示金額
但是在Google圖表中，我無法打印日期。 下面是我的代碼
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
</head>
<body>
<div id="curve_chart" style="width: 900px; height: 500px"></div>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Time of Day');
data.addColumn('number','Head Office');
data.addColumn('number','Mohans Shoppy');
data.addColumn('number','My shoppy');
data.addRows([
[[new Date(2019,03,02)],2599,0,0],[[new Date(2019,03,03)],0,0,0],[[new Date(2019,03,04)],28625,0,15900],[[new Date(2019,03,05)],3934,0,0],[[new Date(2019,03,06)],0,0,0],[[new Date(2019,03,07)],3201,0,0],[[new Date(2019,03,09)],1500,0,0],
]);
var options = {
title: 'Sales Chart',
legend: { position: 'bottom' },
width: 900,
height: 500
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
</body>
</html>
我在控制台中收到錯誤：未捕獲（承諾）錯誤：類型不匹配。 值Tue Apr 02 2019 00:00:00 GMT + 0530（印度標准時間）與列索引0中的類型datetime不匹配
1 個解決方案
解決方案1
1 已采納 2019-04-09 08:14:48
[new Date(2019,03,02),2599,0,0],
[new Date(2019,03,03),0,0,0],
[new Date(2019,03,04),28625,0,15900],
[new Date(2019,03,05),3934,0,0],
[new Date(2019,03,06),0,0,0],
[new Date(2019,03,07),3201,0,0],
[new Date(2019,03,09),1500,0,0],
您增加了一個[]。
Google Chart工具日期格式
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.