Charts 谷歌图表图例标签被切断

“我的饼图”的图例标签过长时将被切断。我已经尝试过将宽度设置为“100%”，但我的传奇故事足以反驳这一点。有没有办法离散定义饼图大小和图例大小？请有人分享一个同样的工作例子

JS Fiddle的链接： 容器div尺寸和图例标签字体大小是我的要求的一部分

下面是代码

  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

正确调整饼图的大小可能会很麻烦，
但它归结为调整整个图表的大小

div

，
以及绘制饼图的

图表区域的大小（与图例分开）

这可能很棘手，因为它并不总是以您认为应该的方式响应，

但我能够展示整个传奇

请参阅以下工作片段，

从
div的
style
属性中移动了总大小

转到图表的选项，然后调整
图表区域


google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[“关于任务工作的信息”，11]，
[“关于任务Eat的信息”，2]，
[“关于任务通勤的信息”，2]，
['关于任务观看电视的信息'，2]，
[“关于任务睡眠的信息”，7]
]);
变量选项={
背景颜色：“青色”，
标题：“我的日常活动”，
图表区：{
左:0,，
身高：250，
宽度：600
},
身高：300，
宽度：600，
图例：{
maxLines:1，
文本样式：{
尺寸：15
}
},
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

谢谢@WhiteHat。但我必须更改为带标签的图例，因为我获取的是动态数据，很难断言我将获取的数据。带标签图例的饼图：。您能帮我更改%值的字体样式吗？它是灰色的。图例标签仍有两行。有没有可能有一个选项可以把它放在一行中。图例有一个选项。maxLines
——但我认为它不会起作用，除非图表足够宽，可以容纳所有文本——更改了上面的答案，增加了
maxLines:1
的选项，将
宽度
和
图表区.宽度
更改为
600
--图例显示在一行上…仅当图例.position='top'时，maxLines选项不起作用吗？