Svg 标签谷歌核心图表图例中的问题

我正在使用谷歌核心图表来绘制我的数据。我对图表有特定的自定义要求，这是带有标记图例的donet图表

我也取得了同样的成就，但问题是，当馅饼上的某些价值彼此接近时，其中一个传奇就会消失

下面是JSFIDLE示例：

google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
['Work'，98]，
[Eat'，2]，
[‘通勤’，4]，
[“看电视”，5]
]);
变量选项={
pieHole:0.75，
背景色：{fill:'透明'}，
馅饼颜色：“黑色”，
图例：{
位置：'标记'，
文本样式：{
颜色：“白色”
},
对齐：“中心”
},
请输入文本：“无”，
pieStartAngle:0，
身高：300，
//宽度：300，
图表区：{顶部：40}，
//工具提示：{触发器：'选择'}，
切片：[{color:''00DBD1'}，{color:''61F28F'}，{color:''61F28F'}，{color:''FFD100'}，{color:''FF6B1A'}，{color:''EB1212'}]
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

---

这是图表的一个限制。
除了把图表放大之外，你没什么可做的

图表不会自动调整到容器上可用的最大大小。
在这种情况下，您将容器设置为900 x 500。
您可以调整图表区域选项以提供更多空间，
以及高度和宽度选项

    chartArea: {
      top: 40,
      height: '100%',
      width: '100%',
      left: 100,
      right: 100
    },
    height: '100%',
    width: '100%',

请参阅以下工作片段

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
['Work'，98]，
[Eat'，2]，
[‘通勤’，4]，
[“看电视”，5]
]);
变量选项={
pieHole:0.75，
背景颜色：{
填充：“透明”
},
馅饼颜色：“黑色”，
图例：{
位置：'标记'，
文本样式：{
颜色：“白色”
},
对齐：“中心”
},
请输入文本：“无”，
pieStartAngle:0，
图表区：{
前40名，
高度：“100%”，
宽度：“100%”，
左:100,，
右：100
},
高度：“100%”，
宽度：“100%”，
切片：[{
颜色：'#00DBD1'
}, {
颜色：“#61F28F”
}, {
颜色：“#61F28F”
}, {
颜色：“#FFD100”
}, {
颜色：“#FF6B1A”
}, {
颜色：“#EB1212”
}],
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

#图表{
高度：500px；
宽度：900px；
}

---

。我正在cordova移动应用程序中使用此图表。我无法增加图表的大小。感谢你的努力。