WS Bar Chart

The WS Bar Chart Widget is used to visually compare values across categories using vertical bars. It is especially useful for analyzing numerical metrics grouped by one or more categorical fields. This widget provides flexibility in data binding, drill-down interaction, and multi-dataset visualization.

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

Step 1: Add the Widget

Open the Widget Panel on the left, go to the Charts & Tables section, and pick the WS Bar Chart Widget onto your canvas.

Step 2: Connect to Data Model

With the WS Bar Chart selected, navigate to the Property Editor. In the Data Model field, choose a data source that contains both categorical and numerical data (e.g., sales data, inventory records, user statistics).

Step 3: Configure Row (Pivot)

Set up the Row (Pivot), which defines the X-axis of your bar chart. This is typically a categorical field such as category, region, or month.

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

• If Drilldown is enabled, selecting a bar will trigger the next pivot level (e.g., from Region to City).

Step 4: Add and Configure Datasets

Under the Datasets section, configure the Column and Summarize By values that each bar will represent on the chart.

• Choose numerical columns (e.g., sales, quantity, revenue) as your dataset.

• You can add multiple datasets, which will appear side-by-side as grouped bars for each category on the X-axis.

The height of each bar is drawn dynamically based on its value, and the Y-axis automatically scales to accommodate the highest value across all datasets.

Step 5: Preview and Interact

After configuring your chart, you can immediately view the changes on the page. Use the Run Mode to interact with the chart just like an end user — hover to see tooltips, click to trigger drilldowns, and validate behavior.