Google visualization 谷歌图表在x轴上显示之字形标签

Google visualization 谷歌图表在x轴上显示之字形标签,google-visualization,Google Visualization,我在谷歌图表显示中遇到了一个问题,在x轴上,标签是这样以之字形显示的 var data = new google.visualization.DataTable(); data.addColumn('string','Mois'); data.addColumn('number', 'Depense'); data.addColumn('number', 'Depasse'); new google.visualizatio

我在谷歌图表显示中遇到了一个问题,在x轴上,标签是这样以之字形显示的

    var data = new google.visualization.DataTable();
        data.addColumn('string','Mois');
    data.addColumn('number', 'Depense');
    data.addColumn('number', 'Depasse');




            new google.visualization.ColumnChart(document
                                    .getElementById('visualizationNatM'))
                                    .draw(data, {
                                         width:viewport.width,
                                        height : viewport.height - 400,

                                        isStacked : true,
                                        legend : {
                                            position : 'none'
                                        },
                                        sortData: false,
                                        hAxis : {
                                            gridlines : {
                                                count : 12
                                            }
                                        },
                                        colors : [ '#a8cf04', '#d44c33' ],
                                        backgroundColor : '#FFFFFF',
                                        chartArea : {
                                            left : 70
                                        }
                                    });

我想要这样的

    var data = new google.visualization.DataTable();
        data.addColumn('string','Mois');
    data.addColumn('number', 'Depense');
    data.addColumn('number', 'Depasse');




            new google.visualization.ColumnChart(document
                                    .getElementById('visualizationNatM'))
                                    .draw(data, {
                                         width:viewport.width,
                                        height : viewport.height - 400,

                                        isStacked : true,
                                        legend : {
                                            position : 'none'
                                        },
                                        sortData: false,
                                        hAxis : {
                                            gridlines : {
                                                count : 12
                                            }
                                        },
                                        colors : [ '#a8cf04', '#d44c33' ],
                                        backgroundColor : '#FFFFFF',
                                        chartArea : {
                                            left : 70
                                        }
                                    });

有人能解决这个问题吗?

尝试设置
hAxis.maxAlternation
hAxis.showTextEvery
hAxis.minTextSpacing
选项:

hAxis : {
    gridlines : {
        count : 12
    },
    maxAlternation: 1, // use a maximum of 1 line of labels
    showTextEvery: 1, // show every label if possible
    minTextSpacing: 8 // minimum spacing between adjacent labels, in pixels
}

感谢您的回复,我按照您提到的方式进行了修改,但是下面的月份(J、S、N、J、M、M)没有显示。您可能还需要设置
hAxis.showTextEvery
hAxis.mintextspacting
选项。请参阅更新的答案。还有一些其他的
hAxis
可能对您有用,也可能对您没有用处。