Блог

У меня проблема с отображением диаграммы Google, по оси 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
                                        }
                                    });
  

У кого-нибудь есть решение этой проблемы?

Попробуйте 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
}