Googleグラフのy軸の幅を増やす

Question

Googleグラフのy軸の幅を広げる方法。 plsは画像を見つける。左側のフルテキストが正しく来なかった。私を案内してください。 how to increase Google chart y axis width

Answer 1

使用、上部のタイトルのための余地を残すためにchartArea.left

を使用し、左のy軸のラベルのための余地を残すためにoptions

のグラフの大きさとのChartAreaを調整する必要がありますchartArea.top

次の例を参照してくださいには、...それぞれの領域を強調するために

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Category', 'Score'], 
 
     ['APPLYING LEADERSHIP TECHNIQUES', 40], 
 
     ['ASSERTIVENESS', 30], 
 
     ['COACHING, COUNSELING, TEACHING', 10], 
 
     ['CONFLICT MANAGEMENT', 20] 
 
    ]); 
 

 
    var options = { 
 
     // adjust chart size 
 
     height: 600, 
 
     width: 800, 
 
     chartArea: { 
 
     // adjust chart area size 
 
     left: 300, 
 
     top: 40, 
 
     height: 500, 
 
     width: 480, 
 
     backgroundColor: 'magenta' 
 
     }, 
 
     backgroundColor: 'cyan', 
 
     colors: ['lime'], 
 
     legend: { 
 
     position: 'bottom' 
 
     }, 
 
     title: 'Title' 
 
    }; 
 

 
    var chart2 = new google.visualization.BarChart(document.getElementById('barchart_core')); 
 
    chart2.draw(data, options); 
 
    }, 
 
    packages: ['bar', 'corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="barchart_core"></div>

の色を追加しました