Javascript Google Charts ColumnChart日期格式不显示分钟和小时_Javascript_Date_Google Visualization_Date Format_Column Chart

Javascript Google Charts ColumnChart日期格式不显示分钟和小时

javascript date google-visualization

Javascript Google Charts ColumnChart日期格式不显示分钟和小时,javascript,date,google-visualization,date-format,column-chart,Javascript,Date,Google Visualization,Date Format,Column Chart,我正在尝试制作一个专栏聊天，使用垂直轴上的数字和横轴上的日期。由于某些原因，日期格式不会打印小时、分钟或秒。它在年、月、日都能正常工作我使用格式“m-d，HH:mm:ss”来格式化和打印这个时间戳：“2017-07-15 20:10:30”，但它会打印 7-17,00:00:00而不是7-17,20:10:30 这是一个错误还是我错过了什么 <html> <head> <script src="https://www.google.com/jsap

我正在尝试制作一个专栏聊天，使用垂直轴上的数字和横轴上的日期。由于某些原因，日期格式不会打印小时、分钟或秒。它在年、月、日都能正常工作

我使用格式“m-d，HH:mm:ss”来格式化和打印这个时间戳：“2017-07-15 20:10:30”，但它会打印

7-17,00:00:00而不是7-17,20:10:30

这是一个错误还是我错过了什么

<html>
    <head>
    <script src="https://www.google.com/jsapi?ext.js"></script>
    </head>


   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["corechart"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() 
      {

        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Present');


        data.addRows([
            [new Date("2017-07-15 20:10:30"), 5]
          ]);

        var view = new google.visualization.DataView(data);
        view.setColumns([0, 1,
                       { calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" 
                        }]);

        var options = {
            width: 600,
            height: 400,
            //bar: {groupWidth: "95%"},
            legend: { position: "none" },
            vAxis: {title: 'Times occured'},
            hAxis: {
                format: "M-d, HH:mm:ss", // <------- This shows: "7-17,00:00:00" not "7-17, 20:10:30"
                //format: "HH:mm",
                //format:'M-d H:mm',

                title: 'Date',
            },
        };
        var chart = new google.visualization.ColumnChart(document.getElementById("chart_div"));
        chart.draw(view, options);
      }
    </script>

<body class="chart">
    <div id="chart_div"></div>
</body>
</html>


load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）
{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'Present'）；
data.addRows([
[新日期（“2017-07-15 20:10:30”），5]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1，
{calc:“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
}]);
变量选项={
宽度：600，
身高：400，
//条：{groupWidth:“95%”，
图例：{位置：“无”}，
vAxis:{title:'发生的次数'}，
哈克斯：{
格式：“M-d，HH:mm:ss”，看起来像某种bug
无论如何，建议对柱状图使用离散轴（字符串）
可以使用数据格式化程序转换x轴
请参阅以下工作片段

google.charts.load（“当前”{
回调：图纸，
软件包：[“corechart”]
});
函数绘图图（）{
var formatDate=new google.visualization.DateFormat({
图案：“M-d，HH:mm:ss”
});
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'Present'）；
data.addRows([
[新日期（“2017-07-15 20:10:30”），5]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns([{
计算：函数（dt，行）{
返回formatDate.formatValue（dt.getValue（第0行））
},
键入：“字符串”，
标签：数据。getColumnLabel（0）
}, 1, {
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
}]);
变量选项={
宽度：600，
身高：400，
图例：{位置：“无”}，
vAxis:{title:'发生的次数'}，
哈克斯：{
标题：“日期”
}
};
var chart=new google.visualization.ColumnChart（document.getElementById（“chart_div”）；
图表绘制（视图、选项）；
}

希望这对您有所帮助--另外，您不需要旧库-->https://www.google.com/jsapi?ext.js
谢谢这确实解决了我的问题。这个问题应该在什么地方报告吗？我个人还没有发现任何关于“bug”的报告任何地方。我也必须在面积图上采用这种数据视图方法。这肯定是一个错误。在数据表中格式化日期列并在hAxis选项中提供格式没有帮助。