Google 图表可视化删除 X 轴中的数字
Google Charts Visualization Remove Numbers in X-axis
我使用了 google 图表中的样本。我的代码是:
<script>
google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawCurveTypes);
function drawCurveTypes() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'X');
data.addColumn('number', 'Person 1');
data.addColumn('number', 'Person 2');
data.addRows(9);
data.setValue(0, 0, new Date(2010, 1, 1));
data.setValue(0, 1, 215);
data.setValue(0, 2, 215);
data.setValue(1, 0, new Date(2010, 2, 1));
data.setValue(1, 2, 213);
data.setValue(2, 0, new Date(2010, 2, 4));
data.setValue(2, 2, 213);
data.setValue(3, 0, new Date(2010, 2, 8));
data.setValue(3, 2, 213);
data.setValue(4, 0, new Date(2010, 3, 1));
data.setValue(4, 2, 220);
data.setValue(5, 0, new Date(2010, 4, 1));
data.setValue(5, 2, 190);
var options = {
{#chartArea:{ width:"100%", height:"100%"},#}
title: "Persons Performance over Time",
height: 500,
width: 1300,
hAxis: {
title: 'Time'
},
vAxis: {
title: 'Scores'
},
series: {
1: {curveType: 'function'}
},
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
我得到了一个结果,但是它与应该是 X 轴的结果混合在一起。我的 X 轴应该是日期,因为它是时间序列数据,随着时间的推移人数
我只想在 X 轴上显示日期,如何删除它?
您可以在选项中设置x轴的格式。
我不太确定你在找什么,但以下格式为 07/23/2021...
hAxis: {
format: 'MM/dd/yyyy',
title: 'Time'
},
编辑
如果要删除标签,请使用以下选项...
hAxis: {
textPosition: 'none',
title: 'Time'
},
我使用了 google 图表中的样本。我的代码是:
<script>
google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawCurveTypes);
function drawCurveTypes() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'X');
data.addColumn('number', 'Person 1');
data.addColumn('number', 'Person 2');
data.addRows(9);
data.setValue(0, 0, new Date(2010, 1, 1));
data.setValue(0, 1, 215);
data.setValue(0, 2, 215);
data.setValue(1, 0, new Date(2010, 2, 1));
data.setValue(1, 2, 213);
data.setValue(2, 0, new Date(2010, 2, 4));
data.setValue(2, 2, 213);
data.setValue(3, 0, new Date(2010, 2, 8));
data.setValue(3, 2, 213);
data.setValue(4, 0, new Date(2010, 3, 1));
data.setValue(4, 2, 220);
data.setValue(5, 0, new Date(2010, 4, 1));
data.setValue(5, 2, 190);
var options = {
{#chartArea:{ width:"100%", height:"100%"},#}
title: "Persons Performance over Time",
height: 500,
width: 1300,
hAxis: {
title: 'Time'
},
vAxis: {
title: 'Scores'
},
series: {
1: {curveType: 'function'}
},
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
我得到了一个结果,但是它与应该是 X 轴的结果混合在一起。我的 X 轴应该是日期,因为它是时间序列数据,随着时间的推移人数
我只想在 X 轴上显示日期,如何删除它?
您可以在选项中设置x轴的格式。
我不太确定你在找什么,但以下格式为 07/23/2021...
hAxis: {
format: 'MM/dd/yyyy',
title: 'Time'
},
编辑
如果要删除标签,请使用以下选项...
hAxis: {
textPosition: 'none',
title: 'Time'
},