Javascript 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

我有两个图表,它们由javascript以相同的方式创建,其中一个正确显示x轴上的值,另一个不正确

这是交通图

如您所见,日期正确地显示在x轴下,下面是生成此图表的代码

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轴上显示每四个标签。