Javascript X轴上的谷歌图表值未正确显示
我有两个图表,它们由javascript以相同的方式创建,其中一个正确显示x轴上的值,另一个不正确 这是交通图 如您所见,日期正确地显示在x轴下,下面是生成此图表的代码Javascript X轴上的谷歌图表值未正确显示,javascript,google-visualization,Javascript,Google Visualization,我有两个图表,它们由javascript以相同的方式创建,其中一个正确显示x轴上的值,另一个不正确 这是交通图 如您所见,日期正确地显示在x轴下,下面是生成此图表的代码 function drawTrafficChart(processedData, humanReadableName, params) { dataArray = []; dataArrayRow = ['Date', 'Impressions', 'Detail Page Views']; dataA
function drawTrafficChart(processedData, humanReadableName, params) {
dataArray = [];
dataArrayRow = ['Date', 'Impressions', 'Detail Page Views'];
dataArray.push(dataArrayRow);
for (i in processedData) {
dateString = processedData[i].date;
dateString = formatDateStringAccordingToAggregationType(dateString, params);
dataArrayRow = [dateString, processedData[i].event1, processedData[i].event2];
dataArray.push(dataArrayRow);
}
var dataTable = google.visualization.arrayToDataTable(dataArray);
var chartOptions = {
title: 'Traffic Chart',
hAxis: {title: humanReadableName},
vAxis: {minValuex: 0},
pointSize: 5,
width: 670,
height: 300
};
var chart = new google.visualization.LineChart(document.getElementById('traffic_chart'));
chart.draw(dataTable, chartOptions);
}
这是点击图
下面是生成点击图的代码
function drawClickChart(processedData, humanReadableName, params) {
dataArray = [];
dataArrayRow = ['Date', 'Website Clicks', 'Image Clicks', 'Video Clicks'];
dataArray.push(dataArrayRow);
for (i in processedData) {
dateString = processedData[i].date;
dateString = formatDateStringAccordingToAggregationType(dateString, params);
dataArrayRow = [dateString, processedData[i].event3, processedData[i].event4, processedData[i].event5];
dataArray.push(dataArrayRow);
}
var dataTable = google.visualization.arrayToDataTable(dataArray);
var chartOptions = {
title: 'Click Chart',
hAxis: {title: humanReadableName},
vAxis: {minValuex: 0},
pointSize: 5,
width: 670,
height: 300
};
var chart = new google.visualization.LineChart(document.getElementById('click_chart'));
chart.draw(dataTable, chartOptions);
}
正如您所看到的,x轴上的日期被弄乱了,我可以做些什么来解决这个问题吗?您尝试了什么?你摆弄过类似的
hAxis.slidedtext
,hAxis.slidedtextangle
,hAxis.maxAlternation
,和hAxis.maxTextLines
?如果你胡乱摆弄这些选项,它们中有哪一个能稍微或完全解决问题?问题可能是由于某些原因,google内部默认值不适合您的图表,手动设置它们可能很好地解决了这个问题。@Yasser1984您可以使用hAxis:{showTextEvery:4}
。这将在x轴上显示每四个标签。