Horizontal Stack Table

Created by Rahul Pattamatta, Modified on Wed, 15 Nov, 2023 at 1:52 AM by Rahul Pattamatta


    The Horizontal Stack Table Chart is a combination of a Horizontal Bar Stack and a Table, allowing for a comprehensive view of data with both tabular details and visual stacking.

Navigation to Create/Edit a Horizontal Stack Table Chart:

  1. Access the Dashboard:
    • Navigate to the dashboard where you intend to add or edit a metric card.
  2. Create or Edit a Metric Card:
    • For a new chart, click on "Create Metric" in the desired dashboard.
    • To edit an existing chart, open the metric card you wish to modify.
  3. Choose Chart Type:
    • In the metric editing interface, locate the "Chart Type" selector.
    • Select "Horizontal Stack Table" from the available chart types.

Customizing the Horizontal Stack Table Chart:

Under the "Appearance" tab, you can customize the following aspects of the Horizontal Stack Table Chart:

UI Style:

  • Table Content Alignment: Adjust the alignment of content within the table.
  • Table Line Gap: Set the gap between lines in the table.
  • Table Title: Add a title to the table.
  • Stacked Column Alias: Define an alias for the stacked column.
  • Show Labels: Choose whether to display labels on the table.
  • List Columns: Specify the columns to be listed.
  • List Separator: Set a separator for list columns.
  • Badge Columns: Define columns to be displayed as badges.
  • Badge Separator: Set a separator for badge columns.
  • Hide Vertical Divider: Toggle to hide or show vertical dividers.
  • Hide Horizontal Divider: Toggle to hide or show horizontal dividers.
  • Enable Table Search: Allow searching within the table.
  • Enable Striped Rows: Enable striped styling for table rows.
  • Show Row Hover: Highlight rows on hover.
  • Header Font Bold: Make the header font bold.

Conditional Formatting:

  • You can add rules that change the color of cells in the table based on certain conditions.

In addition to these appearance options, you can also set up actions for the chart under the "Actions" tab. For more detailed information on setting up chart actions, please refer to this documentation. 

The Horizontal Stack Table Chart offers a unique and effective way to present data, combining the clarity of a table with the visual impact of a horizontal stack chart.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article