Javascript 谷歌折线图时间正在显示
我在谷歌折线图上工作,效果很好,但我想隐藏时间,当我在显示完整日期和时间的点上悬停时,我只想要日期而不是时间如何隐藏时间我搜索了很多次,但没有找到任何解决方案,并尝试了我在不同论坛上找到的不同参数,但没有一个适合我 你们都可以看到屏幕截图 正如你们所看到的,日期和时间被提及,用法是600,只有日期应该显示,而不是时间,我的代码是Javascript 谷歌折线图时间正在显示,javascript,api,linechart,Javascript,Api,Linechart,我在谷歌折线图上工作,效果很好,但我想隐藏时间,当我在显示完整日期和时间的点上悬停时,我只想要日期而不是时间如何隐藏时间我搜索了很多次,但没有找到任何解决方案,并尝试了我在不同论坛上找到的不同参数,但没有一个适合我 你们都可以看到屏幕截图 正如你们所看到的,日期和时间被提及,用法是600,只有日期应该显示,而不是时间,我的代码是 google.charts.load('current', {'packages':['line', 'corechart']}); google.c
google.charts.load('current', {'packages':['line', 'corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var chartDiv = document.getElementById('chartDiv');
var data = new google.visualization.DataTable();
data.addColumn('date', 'Month');
data.addColumn('number', "Sent");
data.addColumn('number', "Signed");
data.addColumn('number', "ID");
data.addColumn('number', "Usage");
data.addRows([
[new Date(2017, 1, 2), 24, 57, 2, 12],
[new Date(2017, 2, 4), 87, 87, 4, 45],
[new Date("2017-03-05"), 54, 12, 6, 67],
[new Date("2017-04-08"), 32, 153, 6, 87]
]);
var materialOptions = {
chart: {
title: 'Chart of: (User 1)'
},
width: 1200,
height: 600
};
function drawMaterialChart() {
var materialChart = new google.charts.Line(chartDiv);
materialChart.draw(data, materialOptions);
}
drawMaterialChart();
}
一个简单的解决方案可能是将日期视为字符串,因此
data.addColumn('string', 'Month'); //<-- change type date for string
data.addColumn('number', "Sent");
data.addColumn('number', "Signed");
data.addColumn('number', "ID");
data.addColumn('number', "Usage");
data.addRows([ // then change all new Date() for strings
["1/2/2017", 24, 57, 2, 12],
["2/4/2017", 87, 87, 4, 45],
["3/5/2017"), 54, 12, 6, 67],
["4/8/2017"), 32, 153, 6, 87]
]);
data.addColumn('string','Month')//无法做到这一点,因为我需要月名,在javascript中,我可以轻松获得月名,其他解决方案也可以轻松使用javascript日期函数。我也发现了这一点,但参数与我的代码不同,只显示日期而不是时间,类型也是日期。