Google折线图(Line Chart)中,如果h轴(水平轴)标签在图表绘制过程中消失,可能是由于以下原因:
tickStep
属性来设置标签之间的间隔。google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2013', 1000, 1000, 1000],
['2014', 1000, 1000, 1000],
['2015', 1000, 1000, 1000],
['2016', 1000, 1000, 1000]
]);
var options = {
title: 'Sales, Expenses and Profit over Years',
hAxis: {
title: 'Year',
tickStep: 1
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
hAxis
属性。如果以上方法都无法解决问题,您可以尝试使用其他图表类型,如柱状图(Bar Chart)或散点图(Scatter Plot),这些图表类型可能更适合显示大量数据。
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2013', 1000, 1000, 1000],
['2014', 1000, 1000, 1000],
['2015', 1000, 1000, 1000],
['2016', 1000, 1000, 1000]
]);
var options = {
title: 'Sales, Expenses and Profit over Years',
hAxis: {
title: 'Year',
tickStep: 1
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
在这个示例中,我们设置了tickStep
属性,使h轴上的标签每隔1个单位显示一次。您可以根据需要调整tickStep
的值。
领取专属 10元无门槛券
手把手带您无忧上云