4

このスクリーングラブで水色で強調表示されているように、内側のチャート領域の両側に表示されるデフォルトのパディングを削除する方法を知っている人はいますか

ここに画像の説明を入力

チャートを生成するために現在使用しているコードは次のとおりです...

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      [<?php echo $colTitles; ?>], 
      <?php echo $values; ?>
    ]);

    var options = {
        width: 785, height: 440,
        chartArea: {top:20,left:20,right:0,bottom:0,width:"70%",height:"80%"},
        legend: {position: 'right', textStyle: {fontSize: 10}, alignment: 'start'},
        hAxis: {
            direction:-1,
            slantedText:true,
            slantedTextAngle:90 // here you can even use 180
        },
        vAxis: {maxValue:40, minValue:0, format:'#',gridlines:{count:10}}
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
4

1 に答える 1

0

アントニオ

そのようなリクエストは見たことがありません。API を見ると、vAxis指定されたポイント (ピクセル) で線を開始するオプションがありません。

とにかく、CSS スタイル オプションを使用して回避策をjsfiddleします。

基本的に、グラフの右側のパディング部分をトリミングし、タイトルを保持するために vAxis タイトルを内部に配置し、( aprovechar el espacio ) そのパディング空白スペースに描画します。

サルドス！

于 2012-12-07T16:44:53.137 に答える