y軸またはr軸のようにGoogleのグラフにラベルを縦に並べるにはどうすればよいですか?垂直アラインメントラベルgoogle charts
4
A
答えて
-1
これは既に質問していますが、Vertical labels with google charts API?ですが、チャートに縦ラベルを貼ることはできません。
18
はい、縦揃えが可能です。
あなたは私が最新のGoogleのチャートで働いています
<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>
をテストするための完全なコードを追加してい
var options = {
title: "Test",
hAxis: {
direction:-1,
slantedText:true,
slantedTextAngle:90 // here you can even use 180
}
};
でそれらを行うことができます。確認するにはhttps://developers.google.com/chart/
関連する問題
- 1. Google Charts as Image
- 2. Google Charts of IE7
- 3. Google Charts Visualization
- 4. Google charts javascript error
- 5. Google Charts/visualisationsカラム幅
- 6. 3垂直セクション
- 7. 垂直スクロールハブタイル
- 8. Android垂直センター
- 9. LinearLayout垂直ディバイダ?
- 10. 垂直「タブ」コンポーネント
- 11. Vaadin:垂直表
- 12. NSTextField垂直アライメント
- 13. UIScrollView垂直スクロールインジケータ
- 14. ScrollView垂直スクロール
- 15. 垂直スライドメニュー
- 16. UIViewフリップ垂直
- 17. OnClick垂直ナビゲーション
- 18. 垂直スライディングメニューバー
- 19. NSMutableAttributedString垂直アライメント
- 20. 垂直整列
- 21. 垂直スクロールスナップjQuery
- 22. フレックス垂直スライディングサムネイル
- 23. 垂直スクロールバー?
- 24. CSS垂直サイジング
- 25. 垂直ブートストラップに
- 26. 垂直ナビゲーションバー
- 27. CSS - 垂直
- 28. Google Charts用の「GMT」のエスケープタイムスタンプ
- 29. Google ChartsとTwitter Bootstrapタブ
- 30. Google Vizualization Charts - ファイルに保存