多轴图表(Multi-Axis Chart)

## 什么是多轴图表？
这是一种图表，您可以在同一个图表上呈现多个 y 轴。当您的值范围存在显着差异时，多轴图表允许您绘制具有不同类型单位的多个数据集。

您可以为每个比例绘制单独的 y 轴，或者在同一比例上有多个系列。我们将探索关于如何在同一图表上处理不同尺度的所有不同选项。

## 具有 2 个 Y 轴的基本示例
我们将从创建一个基本示例开始，在图表区域的左侧和右侧绘制 2 个 Y 轴。要处理的主要配置是 `options.yaxis` 属性。对于多尺度图表，y 轴属性将接受数组而不是对象

```javascript
  series: [
    {
      data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6]
    },
    {
      data: [20, 29, 37, 36, 44, 45, 50, 58]
    }
  ],
  yaxis: [
    {
      title: {
        text: "Series A"
      },
    },
    {
      opposite: true,
      title: {
        text: "Series B"
      }
    }
  ],
```

而已。ApexCharts 将为 2 个 Y 轴自动缩放图表，因为我们在数组中提供了 2 个对象。请注意，数组索引与数组中的相同索引匹配 `series`。

> 当您在 yaxis 中提供数组而不是对象时，ApexCharts 会使用自动生成的最小/最大值自动缩放数据集。
如果您不想要这种行为，您可以通过 `seriesName: 'Name'` 在 yaxis 中提供以针对该数据集的比例来定位单个比例。

下面是绘制两个具有不同 y 轴刻度的系列的示例。

## 3 个 series 带 2 个刻度
我们将在图表中再添加1个 series，这使我们的图表具有3个 series。我们将绘制2个Y轴。因此，我们将针对2个 series（列）的相同比例，而其他 series（行）的剩余比例。

### 如何将 series 与 Y 轴相关联？
默认情况下，Y轴的每个索引对应于 series 的索引。但是，如果要将系列与y轴关联，可以在构建y轴数组时指定 `yaxis.seriesName` 作为目标。

```javascript
  series: [
    {
      name: 'TEAM A',
      data: [1, 2, 4, 5, 15, 28, 38, 46]
    },
    {
      name: 'TEAM B',
      data: [20, 29, 37, 36, 44, 45, 50, 58]
    },
    {
      name: 'TEAM C',
      data: [10, 19, 17, 36, 44, 45, 20, 38]
    }
  ],
  yaxis: [
    {
      seriesName: 'TEAM A'
    },
    {
      seriesName: 'TEAM B'
    },
    {
      seriesName: 'TEAM B'
    }
  ],
```

在上面的代码中，2 个 series 共享相同的比例（TEAM B），而 1 个 series 在另一个比例上绘制（TEAM A）

通过使用 3 个 series 和 2 个刻度运行以下示例，您将得到一个清晰的想法。

## 同一图表上的线性和对数刻度
在图表中使用对数刻度的一个主要原因是为了对大数的偏度做出反应；即，一个或几个数据点比数据的主要部分大得多的情况。在下面的示例中，我们将混合使用线性刻度和对数刻度。

```javascript
  series: [
    {
      name: 'Linear',
      data: [1, 20, 14, 45, 15, 28, 38, 46]
    },
    {
      name: 'Logarithmic',
      data: [10000, 124400, 244223, 3665232, 73452344, 875230623]
    }
  ],
  yaxis: [
    {
      seriesName: 'Linear',
    },
    {
      seriesName: 'Logarithmic',
      logarithmic: true
    }
  ],
```

通过将 `yaxis[].logarithmic` 选项设置为 `TRUE`，您可以将该比例转换为对数比例

同一图表中线性刻度与对数刻度混合的示例

在上面的示例中，同一个数据集用于两个系列。在视觉上，您可以很容易地看出与线性刻度不同，对数级数如何以不同的方式向更大的数字增长的差异。