Vue 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.vue
- <template>
- <DxSankey ... >
- <DxLabel overlapping-behavior="ellipsis" <!-- or "hide" | "none" --> />
- </DxSankey>
- </template>
- <script>
- import DxSankey, { DxLabel } from 'devextreme-vue/sankey';
- export default {
- components: {
- DxSankey,
- DxLabel
- }
- }
- </script>
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.