# Customization

You can customize the Kendo UI for Angular Sankey diagram in two ways:

* By [configuring the defaults for all elements of the Sankey diagram](https://www.telerik.com/kendo-angular-ui-develop/components/charts/sankey/customization#customizing-the-sankey-diagram-elements).
* By using the `data` property to apply the desired styles only to [specific instances of the Sankey diagram elements](https://www.telerik.com/kendo-angular-ui-develop/components/charts/sankey/customization#customizing-element-instances).

## Customizing the Sankey Diagram Elements

You can configure the labels, nodes, and links displayed on the Sankey diagram by using the following inputs:

* [`links`](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api/sankeycomponent#links)—provides options to set the `colorType` of the link to either `static`, `source`, or `target`. It also allows you to control the opacity and highlighting of the link.
* [`nodes`](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api/sankeycomponent#nodes)—provides options to modify the color, opacity, offset, padding, and width of the node.
* [`labels`](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api/sankeycomponent#labels)—provides options to modify the font, color, opacity, alignment, padding, margin, border, and offset of the label. It also allows you to set the `visible` property to show or hide the label.

The following demo shows how to set the `links`, `nodes`, and `labels` options.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/charts/sankey/customization/source.txt)

## Customizing Element Instances

As the properties set to [`data`](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api/sankeycomponent#data) take precedence, using the `data` property allows you to target select element instances and apply a specific configuration only to these instances.

The demo below shows how to configure and use the `data` prop to:

* Change the color of the first link.
* Change the `offset` of the node with the label text `mobile`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/charts/sankey/customization-data/source.txt)

## Suggested Links

* [API Reference of the Sankey Diagram](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api/sankeycomponent)
* [API Reference of the Charts](https://www.telerik.com/kendo-angular-ui-develop/components/charts/api)