Google visualization 垂直对齐标签谷歌图表
如何在谷歌图表中垂直对齐y轴或r轴上的标签?已经有一个问题在问这个问题了——但似乎没有,你还不能在图表上放置垂直标签。是的,垂直对齐现在是可能的 你可以自己做Google visualization 垂直对齐标签谷歌图表,google-visualization,Google Visualization,如何在谷歌图表中垂直对齐y轴或r轴上的标签?已经有一个问题在问这个问题了——但似乎没有,你还不能在图表上放置垂直标签。是的,垂直对齐现在是可能的 你可以自己做 var options = { title: "Test", hAxis: { direction:-1, slantedText:true, slantedTextAngle:90 // here you can even use 180 } }; 我正在添加完整的测试
var options = {
title: "Test",
hAxis: {
direction:-1,
slantedText:true,
slantedTextAngle:90 // here you can even use 180
}
};
我正在添加完整的测试代码
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChartModeldaily);
function drawChartModeldaily() {
var data = google.visualization.arrayToDataTable(
[
['daily', 'Views', 'Likes'],
['Tue', 4, 19],
['Mon', 22, 16],
['Sat', 3, 1],
['Fri', 15, 34],
['Thu', 27, 44],
['Wed', 17, 23],
]
);
var options = {
title: "Test",
hAxis: {
direction:-1,
slantedText:true,
slantedTextAngle:90
}
};
var chart = new google.visualization.LineChart(document.getElementById("chart_div_daily"));
chart.draw(data, options);
}
</script>
<div id="chart_div_daily" style="width: 900px; height: 500px;"></div>
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChartModeldaily);
函数drawChartModeldaily(){
var data=google.visualization.arrayToDataTable(
[
['daily'、'Views'、'Likes'],
[Tue',4,19],
[Mon',22,16],
[Sat',3,1],
[Fri',15,34],
[Thu',27,44],
['Wed',17,23],
]
);
变量选项={
标题:“测试”,
哈克斯:{
方向:-1,
是的,
倾斜角度:90
}
};
var chart=new google.visualization.LineChart(document.getElementById(“chart\u div\u daily”);
图表绘制(数据、选项);
}
我正在使用最新的谷歌图表。请在