React Sankey - Resolve Overlapping

Node labels can overlap when the Sankey contains many nodes. You can specify the label.overlappingBehavior property to resolve overlapping: you can hide overlapping labels, truncate them with ellipsis, or leave them overlapped:

App.js
  • import React from 'react';
  • import Sankey, { Label } from 'devextreme-react/sankey';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Sankey ... >
  • <Label overlappingBehavior="ellipsis" {/* or "hide" | "none" */} />
  • </Sankey>
  • )
  • }
  • }
  •  
  • export default App;
See Also