Google 显示折线图时间
Google line chart time is showing
我正在研究 google 折线图,它工作正常,但我想隐藏时间,当我悬停在它显示完整的日期和时间时,我只想要日期而不是时间如何隐藏时间 我搜索了很多但没有找到任何解决方案并尝试了我在不同论坛上找到的不同参数但是 none 对我有用。
你们都可以看到截图
如您所见,提到了日期和时间,用法是 600,只应显示日期而不是时间,我的代码是
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]
]);
我正在研究 google 折线图,它工作正常,但我想隐藏时间,当我悬停在它显示完整的日期和时间时,我只想要日期而不是时间如何隐藏时间 我搜索了很多但没有找到任何解决方案并尝试了我在不同论坛上找到的不同参数但是 none 对我有用。
你们都可以看到截图
如您所见,提到了日期和时间,用法是 600,只应显示日期而不是时间,我的代码是
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]
]);