WS Horizontal Bar Chart

The WS Horizontal Bar Chart Widget is used to compare values across categories using horizontal bars. It is especially useful when category names are long or when you want to emphasize rankings or comparisons clearly from left to right.

Step-by-Step Guide to Use the WS Horizontal Bar Chart Widget

Step 1: Add the Widget

Open the Widget Panel, go to the Charts & Tables section, and drag the WS Horizontal Bar Chart Widget onto your page.

Step 2: Connect to Data Model

With the chart selected, go to the Property Editor and choose a Data Model that contains the relevant fields for comparison — such as users, products, sales, etc.

Step 3: Set Row (Pivot)

In the Row (pivot) section, choose a categorical field (e.g., Region, Department, Product Name). Each unique value in this field will appear as a bar on the Y-axis.

• You can select multiple row fields for a more detailed breakdown.

• If Drilldown is enabled, clicking a bar will display a deeper breakdown (e.g., from Country to City).

Step 4: Add and Configure Datasets

In the Datasets section, define the values that control the length of each horizontal bar.

• You can select either categorical or numerical Columns.

• After selection, apply a Summarize By function (e.g., Sum, Count, Average) to convert the data into a numeric value.

• You can also use Count of Value to count how many times a specific value occurs.

This approach gives you flexibility to use any data field as long as it can be summarized into a meaningful numeric value.

Step 5: Preview and Interact

All changes will reflect in real-time within the on-page editor.

To interact with the chart as an end user:

• Switch to Run Mode

• Hover to view tooltips

• Click a bar to trigger configured actions (like navigation or drilldown)