在反应组件中指定颜色映射

Question

使用分析设计器的新“颜色”部分，我可以指定自定义颜色以用于我的洞察：

当我得到我的可视化对象时，它带有如下所示的属性：

"colorMapping": [
    {
        "id": "fdda26a33ca048f28bc702f047c04d73",
        "color": {
            "type": "guid",
            "value": "guid3"
        }
    },
    {
        "id": "893b13af5d064ec5ba57f82ea3241bbe",
        "color": {
            "type": "guid",
            "value": "guid4"
        }
    }
]

将其传递到 react 组件 props 的 config 部分会导致一些控制台错误（color.js:219 中的 item.predicate is not a function）。在我看来，当我获得可视化对象时，颜色映射值没有正确显示。

有什么方法可以获取自定义颜色值并将其设置在 react 组件的 props 中？

Answer 1

如果您使用Visualization 组件消耗现有可视化的URI，它将自动使用可视化对象的此颜色映射，因此不需要额外的配置。 如果您使用像BarChart 这样的显式组件，则需要将colorMapping 转换为所谓的谓词形式。有关更多信息，请阅读 Gooddata.UI documentation 并提供 colorPallete 配置。希望这会有所帮助