All docs
V20.2
20.2
20.1
19.2
19.1
18.2
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.

Overview

A label is an element that accompanies a node and displays the node's title or custom data.

Sankey - Node Labels

Options that configure node labels are collected in the label object. Refer to its description in the API reference and to other articles in this section for information on node label settings.

jQuery
JavaScript
$(function() {
    $("#sankeyContainer").dxSankey({
        // ...
        label: {
            // Settings for all node labels
        }
    });
});
Angular
HTML
TypeScript
<dx-sankey ... >
    <dxo-label ... >
        <!-- Settings for all node labels -->
    </dxo-label>
</dx-sankey>
import { DxSankeyModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxSankeyModule
    ],
    // ...
})
Vue
App.vue
<template> 
    <DxSankey ... >
        <DxLabel <!-- Settings for all node labels --> />
    </DxSankey>
</template>

<script>
import DxSankey, { DxLabel } from 'devextreme-vue/sankey';

export default {
    components: {
        DxSankey,
        DxLabel
    }
}
</script>
React
App.js
import React from 'react';
import Sankey, { Label } from 'devextreme-react/sankey';

class App extends React.Component {
    render() {
        return (
            <Sankey ... >
                <Label {/* Settings for all node labels */} />
            </Sankey>
        )
    }
}

export default App;
See Also