Gooddata 在react组件中指定颜色映射
使用analytical designer的新“颜色”部分,我可以指定用于我的洞察力的自定义颜色: 当我获取可视化对象时,会显示如下属性:Gooddata 在react组件中指定颜色映射,gooddata,Gooddata,使用analytical designer的新“颜色”部分,我可以指定用于我的洞察力的自定义颜色: 当我获取可视化对象时,会显示如下属性: "colorMapping": [ { "id": "fdda26a33ca048f28bc702f047c04d73", "color": { "type": "guid", "value": "guid3" } }, {
"colorMapping": [
{
"id": "fdda26a33ca048f28bc702f047c04d73",
"color": {
"type": "guid",
"value": "guid3"
}
},
{
"id": "893b13af5d064ec5ba57f82ea3241bbe",
"color": {
"type": "guid",
"value": "guid4"
}
}
]
将其传递到react组件props的config
部分会导致一些控制台错误(item.predicate不是color.js:219
中的函数)。在我看来,当我得到可视化对象时,颜色贴图值没有正确地通过
有没有办法获取自定义颜色值并在react组件道具中设置它们?如果使用现有可视化的组件使用URI,它将自动从可视化对象使用此颜色映射,因此不需要额外配置。
如果您使用显式组件,如条形图
等,则需要将颜色映射转换为所谓谓词的形式。有关更多信息,请阅读并提供colorPallete配置。希望这有帮助结果显示guid3
和guid4
是来自项目定义的自定义调色板的颜色代码。我能够获得调色板()并在组件()中指定它,以使颜色映射正常工作。