Googleグラフ凡例ラベルが途切れている

Question

ラベルが長すぎると、円グラフの凡例ラベルが途切れています。私はすでに幅を '100％'に設定しようとしましたが、私の伝説はそれに対抗する大きな方法です。円グラフのサイズと凡例のサイズを離散的に定義する方法はありますか？誰かが同じものの実例を共有してもらえますか？

JS Fiddleのリンク：https://jsfiddle.net/2nzzLe18 コンテナのディメンションと凡例のラベルのフォントサイズは私の要件の一部です。

はまた、以下に、コードされ

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

    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['info regarding task Work',  11], 
     ['info regarding task Eat',  2], 
     ['info regarding task Commute', 2], 
     ['info regarding task Watch TV', 2], 
     ['info regarding task Sleep', 7] 
    ]); 

    var options = { 
     title: 'My Daily Activities', 
     chartArea: {left: -100, width: '100%'}, 
     legend: {textStyle: {fontSize: 15}}, 

    }; 

    var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

    chart.draw(data, options); 
    } 

おかげで、 Farhan

Answer 1

正しくそれは全体の大きさを調整することに帰着、
を円グラフをサイズすることが面倒であることができます図表div,
とchartAreaのサイズで、パイが描かれます（凡例とは別）

それは常に、あなたはそれが必要だと思うか
を応答しませんが、私は

には、次の作業のスニペットを参照してください表示するには、全体の伝説を得ることができたので、それは注意が必要ですが、
は全体のを移動しましたチャートのオプションにdiv
上style属性のサイズは、その後、chartArea

google.charts.load('current', {'packages':['corechart']}); 
 
google.charts.setOnLoadCallback(drawChart); 
 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Task', 'Hours per Day'], 
 
    ['info regarding task Work',  11], 
 
    ['info regarding task Eat',  2], 
 
    ['info regarding task Commute', 2], 
 
    ['info regarding task Watch TV', 2], 
 
    ['info regarding task Sleep', 7] 
 
    ]); 
 

 
    var options = { 
 
    backgroundColor: 'cyan', 
 
    title: 'My Daily Activities', 
 
    chartArea: { 
 
     left: 0, 
 
     height: 250, 
 
     width: 600 
 
    }, 
 
    height: 300, 
 
    width: 600, 
 
    legend: { 
 
     maxLines: 1, 
 
     textStyle: { 
 
     fontSize: 15 
 
     } 
 
    }, 
 
    }; 
 

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

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

調整します0