Google React Charts位置和图例位置

问题描述

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

如果我将其保留为认值,则如下所示:

enter image description here

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

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

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

它看起来像这样:

enter image description here

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

这是我正在使用的代码

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',}

有人可以建议吗?

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

提前谢谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...