反应组件不遵守图例位置配置

Question

我的图表图例总是出现在右边吗？我的配置如下所示： legend: { enabled: true, position: 'bottom' } 将enabled设置为false会使图例按预期方式消失，但是更改position无效。

这正在使用@gooddata/react-components 5.2.0-alpha17

Answer 1

配置看起来正确。请分享整个组件的代码，我们将对其进行介绍。这不太可能是问题，但是请尝试使用稳定版本而不是alpha。当前的稳定版本是5.1.0。

请检查您是否正确导入了样式

import '@gooddata/react-components/styles/css/main.css';

此代码段应该有效：

                <PieChart
                    projectId={projectId}
                    measures={measures}
                    config={{
                        legend: {
                            enabled: true,
                            position: 'bottom'
                        }
                    }}
                />

您可以在official documentation

中找到有关图表图例的更多信息。