# Polar Bar Chart

The Polar bar is similar to the polar bar area chart, but each segment has the same angle - the radius of the segment differs depending on the value. The way of its sets the labels´ information over the polar also is different.

This type of chart is often useful when we want to show comparison data and also show a scale of values for context.

{% hint style="info" %}
You can find a more in-depth explanation about the polar bar on [this](https://echarts.apache.org/examples/en/editor.html?c=bar-polar-label-tangential) page: [https://echarts.apache.org/examples/en/editor.html?c=bar-polar-label-tangential  ](https://echarts.apache.org/examples/en/editor.html?c=bar-polar-label-tangential)
{% endhint %}

![Image 1: The polar bar](https://1449034948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_NpOsk0sjotPXNy29Q%2Fuploads%2FV99Qft6q4AK8KCI5jyAJ%2Fimage.png?alt=media\&token=41f61db3-1f64-4849-beb2-bf1f3f1792f5)

**Properties of Polar Bar Chart**

<table data-header-hidden><thead><tr><th></th><th width="133"></th><th width="161"></th><th></th></tr></thead><tbody><tr><td><strong>Property Name</strong></td><td><strong>Data type</strong></td><td><strong>Type</strong></td><td>Description</td></tr><tr><td>Data source</td><td>List</td><td>Data model</td><td>A list of labels and values.</td></tr><tr><td>Label</td><td>Text</td><td>Expression</td><td>Set the label of the polar bar chart.</td></tr><tr><td>Value</td><td>Number</td><td>Expression</td><td>Set the values of the polar bar chart.</td></tr><tr><td>Max value</td><td>Number</td><td>Expression</td><td>Bar values will be limited to the max value.</td></tr><tr><td>Start angle</td><td>Number</td><td>Expression</td><td>to set the size of the start angle of the axis of the chart.</td></tr><tr><td>Show labels</td><td>Boolean</td><td>Expression</td><td>Show or hide labels on top of the chart.</td></tr><tr><td>Show animation</td><td>Boolean</td><td>Expression</td><td>To activate the animation of the label on the polar bar chart.</td></tr><tr><td>Background color</td><td>Text</td><td>Expression</td><td>The background color, a hexadecimal number.</td></tr><tr><td>Bar color</td><td>Text</td><td>Expression</td><td>The color of the bars, hexadecimal format.</td></tr><tr><td>Height</td><td>Text</td><td>Expression</td><td>Set the height of the polar bar chart. The default value is “500 px”.</td></tr></tbody></table>