--- 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-06-05T13:11:13Z published: 2026-06-05T13:11:13Z --- > ## 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 | Options | | --- | --- | --- | | **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. | ### 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)* | ### 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)* | | **Show line labels** | Shows or hides labels that display the value of each data point. | Toggle on/off *(Turned on by default)* | | **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 | | **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 | ### 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 | ### 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 |