我想将Google图表的y轴标题更改为水平方向。当前,它是通过垂直书写绘制的,如下图所示:
我的图表绘图代码
function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable(temp);
var options = {
title: 'Report',
// vAxis: {title: 'Cups'},
hAxis: {
title: 'Date'
},
seriesType: 'bars',
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 1,
type: 'line'
}
},
vAxes: {
0: {
title: '報酬額',
titleTextStyle: {
italic: false,
}
},
1: {
title: '再生',
titleTextStyle: {
italic: false,
}
},
},
'chartArea' : {'width': '70%', left: '15%'}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
答案 0 :(得分:0)
您可以在Axis Overview中看到:
方向-您可以使用 hAxis / vAxis.direction选项。
hAxis.direction沿着值的方向 水平轴增长。指定-1可以反转值的顺序。
类型:1或-1默认值:1
如果这不能回答问题,请尝试使用此SO post中的解决方法。
答案 1 :(得分:0)
我确实喜欢这样。并运作良好。我认为这不是很好的方法。 如果有人找到更好的方法,请对我说谢谢。
var textTags = document.getElementsByTagName("text");
var searchPlay = "Play";
var searchProfit = "Profit"
$.each(textTags, function(index,value){
if (value.textContent == searchPlay) {
$(this).css('transform','rotate(1turn)');
console.log(value);
}
if (value.textContent == searchProfit) {
console.log(value);
$(this).css('transform', 'rotate(1turn)');
}
});