在React组件中指定颜色映射

时间:2019-01-22 16:09:58

标签: gooddata

使用分析设计器的新“颜色”部分,我可以指定自定义颜色以供参考:

enter image description here

当我获得可视化对象时,它带有如下所示的属性:

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

将其传递到react组件props的config部分会导致某些控制台错误(item.predicate is not a function中的color.js:219)。在我看来,当获得可视化对象时,色图值无法正确传递。

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

1 个答案:

答案 0 :(得分:1)

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