3

Google チャートを使用しようとしていますが、以下に示す例は、レイアウトに合わせてサイズを維持する必要があります。

http://jsfiddle.net/eSKzR/

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Max'],
          ['00h',  1],
          ['01h',  1],
          ['02h',  1],
          ['03h',  1],
          ['04h',  0],
          ['05h',  20],
          ['06h',  40],
          ['07h',  3],
          ['08h',  1],
          ['09h',  1],
          ['10h',  1],
          ['12h',  1],
          ['13h',  1],
          ['14h',  1],
          ['15h',  1],
          ['16h',  1],
          ['17h',  1],
          ['18h',  1],
          ['19h',  0],
          ['20h',  0],
          ['21h',  0],
          ['22h',  1],
          ['now',  1],
        ]);

        var options = { };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 540px; height: 150px;"></div>
  </body>
</html>

一番下の時間の数字が重なっているのですが、縦に向いているところを横にしてもらえませんか？

4

2 に答える 2

1

ドキュメントから：

var options = {
    hAxis: { slantedText: true, slantedTextAngle: 90 }
};

更新されたフィドル：http：//jsfiddle.net/eSKzR/15/

于 2012-09-13T13:10:18.843 に答える
1

オプションでこれを設定します：

var options = {
    hAxis:
       {
         slantedText : true,
         slantedTextAngle: 90
        }
    };
于 2012-09-13T13:10:24.760 に答える