Tooltips
Tooltips display specific information when hovering over an item. Configure the tooltip by setting a custom React component in the renderTooltip
prop.
The SupplyChain
component provides a default tooltip that displays the name of the item and a data-grid of key-value pairs:
function SupplyChain () {
return (
<SupplyChain
data={data}
renderTooltip={RenderSupplyChainTooltip}>
</SupplyChain>
)
}
You can also specify custom React components to render the tooltips according to your specific requirements: