在 React 组件中指定颜色映射
Specifying color mapping in react components
使用分析设计器的新 "Colors" 部分,我可以指定用于我的见解的自定义颜色:
当我得到我的可视化对象时,它带有如下所示的属性:
"colorMapping": [
{
"id": "fdda26a33ca048f28bc702f047c04d73",
"color": {
"type": "guid",
"value": "guid3"
}
},
{
"id": "893b13af5d064ec5ba57f82ea3241bbe",
"color": {
"type": "guid",
"value": "guid4"
}
}
]
将其传递到反应组件道具的 config
部分会导致一些控制台错误(item.predicate is not a function
in color.js:219
)。在我看来,当我获得可视化对象时,颜色映射值没有正确显示。
有没有办法获取自定义颜色值并在 React 组件道具中设置它们?
如果您使用 Visualization
组件消耗现有可视化的 URI,它将自动使用来自可视化对象的颜色映射,因此不需要额外的配置。
如果您使用 BarChart
等显式组件,则需要将 colorMapping 转换为所谓的谓词形式。有关详细信息,请阅读 Gooddata.UI documentation 并提供 colorPallete 配置。希望这有帮助
使用分析设计器的新 "Colors" 部分,我可以指定用于我的见解的自定义颜色:
当我得到我的可视化对象时,它带有如下所示的属性:
"colorMapping": [
{
"id": "fdda26a33ca048f28bc702f047c04d73",
"color": {
"type": "guid",
"value": "guid3"
}
},
{
"id": "893b13af5d064ec5ba57f82ea3241bbe",
"color": {
"type": "guid",
"value": "guid4"
}
}
]
将其传递到反应组件道具的 config
部分会导致一些控制台错误(item.predicate is not a function
in color.js:219
)。在我看来,当我获得可视化对象时,颜色映射值没有正确显示。
有没有办法获取自定义颜色值并在 React 组件道具中设置它们?
如果您使用 Visualization
组件消耗现有可视化的 URI,它将自动使用来自可视化对象的颜色映射,因此不需要额外的配置。
如果您使用 BarChart
等显式组件,则需要将 colorMapping 转换为所谓的谓词形式。有关详细信息,请阅读 Gooddata.UI documentation 并提供 colorPallete 配置。希望这有帮助