反应组件不尊重图例位置配置

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

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

反应组件不尊重图例位置配置

React components not respecting legend position configuration

gooddata