---
title: "Visualize data in Pigment with Combined Charts"
slug: "combined-chart"
description: "Learn how to configure Combined charts in Pigment, including bar and line settings, labels, axes, legends, and chart display option"
updated: 2026-08-31T12:53:24Z
published: 2026-08-31T12:53:24Z
canonical: "kb.pigment.com/combined-chart"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://kb.pigment.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Combined Chart

Combined charts visualize bar and line series together to compare trends and values in a single chart. This article covers how to prepare your View and configure Combined chart display settings.

![Bar chart displaying budget values for various cleaning products and their revenue forecasts.](https://cdn.document360.io/e47cfe35-dc28-40c7-a083-6cf003073d8e/Images/Documentation/Combined chart.png)

## Before you begin

How you set up your View affects how data appears in the chart. The following articles can help you prepare your data before customizing your chart:

- Use the [Pivot feature](/v1/docs/change-views-pivot-pigment) to change the axis and add/remove Dimensions.
- Use the [Filter feature](/v1/docs/filter-data-pigment) to remove Items from a List.
- Use the [Sort feature](/v1/docs/sort-data-in-pigment/#sort-your-metric-or-table-data) to change the order of Items in the chart.

## Configure Combined charts

Use the following settings to customize the appearance and layout of Combined charts.

### Series

| Setting | Description | Option |
| --- | --- | --- |
| **Series** | Configures whether a series is displayed as a bar or line. | - **Bar**. Displays data points as vertical bars. - **Line**. Displays a line connecting data points. |
| **Color** | Changes the color of the selected series. | Select a color from the palette. |
| **Line width** | Controls the width of a single selected series. | Move the slider to increase or reduce line thickness. |
| **Dashed lines** | Displays the selected series as a dashed line. | Toggle on/off *(Turned off by default)* |
| **Show labels** | Shows or hides labels for the selected series. | Toggle on/off *(Turned off by default)* |

### Bar settings

| Setting | Description | Options |
| --- | --- | --- |
| **Stacked values** | Stacks bar series values on top of each other. When turned off, bar series are displayed side by side (grouped). Ensure all series use the same units when stacking values. | Toggle on/off *(Turned off by default)* |
| **Bar width** | Controls the width of each individual bar. | Move the slider to increase or reduce bar thickness. |
| **Show stacks totals** | Displays the total value at the top of each stacked bar. Only available when **Stacked values** is turned on. | Toggle on/off *(Turned off by default)* |

### Line settings

| Setting | Description | Options |
| --- | --- | --- |
| **Stacked** **values** | Series values are added on the Y-axis, so each consecutive series appears above the last with their value added to the previous number. | Toggle on/off *(Turned off by default)* |
| **Line style** | Configures how lines and data points are displayed. | - **Line.** Displays a line connecting data points. - **Dotted** **line**. Displays a line connecting data points with visible dots. - **Dots**. Displays dots for each data point without connecting lines. - **Horizontal.** Displays flat horizontal line segments between data points. |
| **Line shape** | Configures the shape of the curve connecting series data points. | - **Linear.** Displays straight line segments connecting points. - **Basis**. Displays smooth interpolated curves between points. - **Smooth.** Displays smooth curves between points. - **Step**. Displays stepped line segments between points. - **Natural.** Displays natural curved interpolation between points. |
| **Line width** | Controls the width of each individual line. Not available when **Line style** is set to **Dots****.** | Move the slider to increase or reduce line thickness. |
| **Show area** | Fills the area under each line. Not available when **Line style** is set to **Horizontal line**. | Toggle on/off *(Turned off by default)* |

### Style

> [!NOTE]
> ℹ️ **Note**
> 
> Use the following settings to configure chart colors and themes. For detailed instructions and available color options, see [Customize Chart Colors](/v1/docs/customize-chart-colors).

| Setting | Description | Options |
| --- | --- | --- |
| **Color by** | Determines how colors are assigned to chart series. | **Theme** Use a predefined color palette. **Dimension Items** Assign a consistent color to each Dimension Item across charts. |
| **Color theme** | Applies a predefined color palette to chart series. Only available when **Color by** is set to **Theme**. | Pigment preset themes and Workspace palettes. |
| **Series colors** | Allows you to customize colors for individual series. Pigment preserves series color order when switching between themes. | Edit |

### Text size

| Setting | Description | Options |
| --- | --- | --- |
| **Global size** | Sets the default text size for all chart labels. Individual label types can be configured independently. | XS, S (default), M, L, XL |
| **Bar and line labels** | Configures the text size of labels displayed on chart series. By default, this inherits the **Global size** setting. Use the drop-down to select a different text size. | Global size (default), XS, S, M, L, XL |
| **X-axis labels** | Configures the text size of labels displayed on the X-axis. By default, this inherits the **Global size** setting. Use the drop-down to configure the text size independently. | Global size (default), XS, S, M, L, XL |
| **Y-axis labels** | Configures the text size of labels displayed on the Y-axis. By default, this inherits the **Global size** setting. Use the drop-down to configure the text size independently. | Global size (default), XS, S, M, L, XL |
| **Legend** | Configures the text size of labels displayed on chart series. By default, this inherits the **Global size** setting. Use the drop-down to select a different text size. | Global size (default), XS, S, M, L, XL |

### Bar and line labels

| Setting | Description | Options |
| --- | --- | --- |
| **Show bar labels** | Shows or hides labels that display the value of each bar. | Toggle on/off *(Turned on by default)* |
| **Bar label position** | Configures the position of bar labels. Available options depend on the selected orientation. When changing orientation, the selected position is preserved when possible. If the current position is unavailable, the position resets to **Centered** (default). | **Horizontal:** Top or Centered (default) **Vertical:** Bottom or Centered (default) |
| **Show line labels** | Shows or hides labels that display the value of each data point. | Toggle on/off *(Turned on by default)* |
| **Line label orientation** | Configures the orientation of line labels. Longer labels automatically wrap. Use horizontal or vertical orientation to improve readability and display more labels. | Horizontal (default) or Vertical |
| **Allow label overlap** | Allows labels to overlap so labels remain visible even when bars or data points are too close together. | Toggle on/off *(Turned off by default)* |
| **High-contrast labels** | Increase label contrast to improve readability and visibility against chart backgrounds. | Toggle on/off *(Turned off by default)* |

### X-axis

| Setting | Description | Options |
| --- | --- | --- |
| **Show gridlines** | Shows or hides X-axis gridlines in the chart. | Toggle on/off *(Turned off by default)* |
| **Label orientation** | Configures the orientation of X-axis labels. Longer labels automatically wrap. Use the diagonal or vertical option to improve readability and display more labels. | Horizontal, Vertical, and Diagonal |
| **Max lines** | Configures the number of lines of text in X-axis labels. Up to five lines of text are allowed. | Move the slider to increase or reduce the lines of text. |
| **Allow label overlap** | Allows labels to overlap so labels remain visible on x-axis even when data points are too close together. | Toggle on/off *(Turned off by default)* |

### Y-axis

| Setting | Description | Options |
| --- | --- | --- |
| **Show primary axis** | Shows or hides the Y-axis in the chart. | Toggle on/off *(Turned on by default)* |
| **Show primary gridlines** | Shows or hides primary axis gridlines in the chart. Only available when **Show primary axis** is turned on. | Toggle on/off *(Turned on by default)* |
| **Show secondary axis** | Shows or hides the line Y-axis in the chart. | Toggle on/off (Turned off by default) |
| **Secondary axis scale** | Configures how the line Y-axis scale is calculated. | Auto or Fixed *(Auto by default)* |
| **Secondary axis min** | Sets the minimum value for the line Y-axis. Only available when **Line axis scale** is set to **Fixed**. | Enter a value |
| **Secondary axis** **m****ax** | Sets the maximum value for the line Y-axis. Only available when **Line axis scale** is set to **Fixed**. | Enter a value |

### Legend

| Setting | Description | Options |
| --- | --- | --- |
| **Show legend** | Shows or hides the chart legend. | Toggle on/off *(Turned on by default)* |
| **Legend position** | Sets the position of the legend. The legend becomes scrollable when additional series are displayed. | Bottom right, Top right, Bottom centered, or Top centered |