Google visualization 谷歌图表在x轴上显示之字形标签
我在谷歌图表显示中遇到了一个问题,在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
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
可能对您有用,也可能对您没有用处。