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

# Column-Line Combo Chart

> This article explains the use cases, basic requirements, and steps for the column-line combo chart, including selecting components and configuring datasets, choosing chart display fields, configuring data, and adjusting style settings.

## 1. Introduction

### 1.1 Use Cases

A column chart provides an intuitive view of differences across data groups and emphasizes comparison between individuals.

A line chart analyzes sales trends of a product category over time to help forecast future sales.

A column-line combo chart displays a column chart and a line chart at the same time.

Component types: Column-line combo, Line-column combo, and Dual-axis line (all available under style settings).

Highlight: Freely adjust the component size and move the component to any position (left, center, or right).

### 1.2 Basic Requirements

The basic requirements for the column-line combo chart are as follows:

| **X-Axis**    | **Left (primary) Y-Axis**              | **Right (secondary) Y-Axis**           | **Reference line**                     |
| ------------- | -------------------------------------- | -------------------------------------- | -------------------------------------- |
| Up to 1 field | Multiselect supported, up to 30 fields | Multiselect supported, up to 30 fields | Multiselect supported, up to 30 fields |

## 2. Steps

### 2.1 Select the Component and Configure the Dataset

Create a report, add a column-line combo chart, and select a dataset.

### 2.2 Select Fields to Display in the Chart

Drag the fields on the right onto the **X-Axis**, **Left Y-Axis**, **Right Y-Axis**, and **Reference line** areas.

* X-Axis: The X-Axis of the column chart.

* Left Y-Axis: The left Y-Axis of the column chart.

* Right Y-Axis: The right Y-Axis of the column chart.

* Reference line: Multiple reference lines are supported.

* Conditional filter: Supported.

**You can select fields directly from the dataset or generate them with a formula. For instructions on using formulas, see** [Report formulas](/yida/form/yrofmw).

Configure a formula.

### 2.3 Configure Data

Hover over the X-Axis, Left Y-Axis, or another area on the right, and click the edit button to the right of the field, as shown below:

Report editing page.

#### 2.3.1 Aggregation (Y-Axis)

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48901560](/yida/report/ctkfe0)

#### 2.3.2 Sort (X-Axis, Y-Axis)

**Note: For column chart sorting, only one of X-Axis, Y-Axis, or Group can be configured at a time.**

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48901784](/yida/report/exnyb0)

#### 2.3.3 Formatting (X-Axis, Y-Axis)

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48901872](/yida/report/nunhbd)

#### 2.3.4 Link (Y-Axis)

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48901972](/yida/report/vg422d)

#### 2.3.5 Graphic Style (Y-Axis)

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48902261](/yida/report/kdysrv)

#### 2.3.6 Field Information (X-Axis, Y-Axis)

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48902350](/yida/report/req45f)

#### 2.3.7 Reference Line Style

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/48902535](/yida/report/wbv8nw)

### 2.4 Style Settings

Style settings are divided into eight subcategories: Style, X-Axis, Left (primary) Y-Axis, Right (secondary) Y-Axis, Legend, Label (left and right), Slider axis, and Tooltip, as shown below:

Style settings.

#### 2.4.1 Style

Color adjustment is supported.

Chart type: Column-line combo, Line-column combo, and Dual-axis line.

Column settings: Adjust column thickness and toggle the stacked layout.

Line settings: Configure line thickness, curve, point display, size, and point shape.

Style settings.

Display after configuration.

#### 2.4.2 X-Axis

Basic settings. Try them out to see the effect, as shown below:

X-Axis settings.

Display after configuration.

#### 2.4.3 Y-Axis (Left and Right)

Basic settings, similar to the X-Axis settings, as shown below:

Y-Axis (left and right) settings.

#### 2.4.4 Legend

Supports On and Close. When On, the position and paging can be adjusted (On by default), as shown below:

Legend display.

#### 2.4.5 Label (Left and Right)

Supports On and Close. When On, position, font size, and color can be adjusted (black by default), as shown below:

Label settings.

#### 2.4.6 Slider Axis

Supports On and Close. When On, the start and end range can be adjusted (values between 0 and 1), as shown below:

Slider axis settings.

#### 2.4.7 Tooltip

Supports On and Close. When On, information appears on mouse hover. Effect when enabled:

## 3. More Information

This is a Yuque content card. Click the link to view: [https://www.yuque.com/go/doc/49490921](/yida/report/qpdzl5)