GoogleのチャートY軸のラベルの幅を狭くする

Question

私はGoogleのチャートを使ってグラフを描こうとしていますが、私はX軸のラベルの幅を小さくできないという問題に直面しています。私はchartAreaをのオプションに以下のように使用しました。まだ私はそれを修正することができません。私はこのような結果を取得しています

options = { 
      height : 450, 
      width: 1024, 
      bar: { groupWidth: '80%' }, 
      bars: 'horizontal', // Required for Material Bar Charts. 
      chartArea:{left:30,top:10,width:'80%'}    
     }; 

：

Answer 1

含む素材チャートでサポートされていないいくつかのオプションがある - >chartArea.*

はTracking Issue for Material Chart Feature Parity

を見るには、

コアチャートの代わりに、以下のオプションを使用して...

theme: 'material' 

は、作業スニペット以下を参照してください...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Year', 'Sales', 'Expenses', 'Profit'], 
 
    ['High Blood Pressure', 1000, 400, 200], 
 
    ['mmmmmmmmmm mmmmmmmmmmmmmmm mmmmmmmmmmmmmmm mmmmmmmmmmmmmmm mmmmmmmmmmmm', 1170, 460, 250], 
 
    ['Test 1', 660, 1120, 300], 
 
    ['Test 2', 1030, 540, 350] 
 
    ]); 
 

 
    var options = { 
 
    height : 450, 
 
    width: 1024, 
 
    bar: { groupWidth: '80%' }, 
 
    chartArea:{left:30,top:10,width:'80%'}, 
 
    theme: 'material' 
 
    }; 
 

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

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