DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Colorize Labels

All node labels are colored according to the label.font.color option. However, you can color labels like their parent nodes if you set the label.useNodeColors option to true. Refer to this article for information on node colorization.

jQuery
JavaScript
$(function() {
    $("#sankeyContainer").dxSankey({
        // ...
        label: {
            useNodeColors: true
        }
    });
});
Angular
HTML
TypeScript
<dx-sankey ... >
    <dxi-series>
        <dxo-label
            [useNodeColors]="true">
        </dxo-label>
    </dxi-series>
</dx-sankey>
import { DxSankeyModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxSankeyModule
    ],
    // ...
})
See Also