# Ranking Bar Panel FAQ/SOP

**URL:** <https://forum.wise-paas.advantech.com/t/ranking-bar-panel-faq-sop/1580>\
**Category:** SaaSComposer\
**Created:** [June 2, 2025, 9:29am UTC](https://forum.wise-paas.advantech.com/t/ranking-bar-panel-faq-sop/1580 "2025-06-02T09:29:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Elina\_Liu](https://avatars.discourse-cdn.com/v4/letter/e/43a26b/32.png) [@Elina\_Liu](https://forum.wise-paas.advantech.com/u/Elina_Liu)\
**Post date:** [June 2, 2025, 9:29am UTC](https://forum.wise-paas.advantech.com/t/ranking-bar-panel-faq-sop/1580/1 "2025-06-02T09:29:42Z")

</div>

This tutorial demonstrates how to use the **Ranking Bar Panel**.

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/wisepaasforum/original/1X/24ce285acc88225c51340b2b5868bb569be5c994.png)

## Dashboard Version

- **Version:** 3.0.32

## Use Case

This tutorial uses a **PostgreSQL datasource** to display the data. The data columns should include:

- name
- times

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/wisepaasforum/original/1X/9fb4757eab163b2d585afdccd828ee47d26eeb0b.png)

## Steps

1.Select the columns and name the fields as: name for item and times for value.

2.Set Format as “Table”.

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/wisepaasforum/original/1X/3524a48d42546fee617930bf2aab1bb417b68211.png)

3.Set up the unit, color, bar height and max width.

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/wisepaasforum/original/1X/679e9e8d3913b8bdb5f8aa5ab11e6ca12c9bcb05.png)

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/wisepaasforum/original/1X/080afb2c191366b95c16afd88331cf1efc51b7f5.png)