Google React Charts位置和图例位置

如何解决Google React Charts位置和图例位置

我在将Google反应图放置在全宽容器的左侧时遇到麻烦，而图例不认为该容器已被切断。

如果我将其保留为默认值，则如下所示：

但是我希望它位于左侧，图例位于其旁边。

当我更改图表区域的位置时：

chartArea: {
            left: 0,right: 400,top: 0,bottom: 0,width: '100%',height: '80%',},

它看起来像这样：

无论出于何种原因，它都认为没有足够的空间，并剪切了图例文本，这确实很烦人。

这是我正在使用的代码：

const pieOptions = {
        title: '',pieHole: 0.6,slices: [
            {
                color: '#00A3E0',{
                color: '#F2A900',{
                color: '#43B02A',{
                color: '#DF4661',{
                color: '#003865',{
                color: '#A15A95',{
                color: '#FF6A13',],legend: {
            position: 'right',alignment: 'end',textStyle: {
                color: '#666',fontSize: 12,tooltip: {
            showColorCode: true,chartArea: {
            left: 0,fontName: 'inherit',}

有人可以建议吗？

如果这不能解决，您能推荐一个图表来支持该颜色和自定义颜色吗？

提前谢谢！