ECharts position属性设置（外部、内部、自定义位置）

小鱼儿 2023-10-05 17:07 12阅读 0赞

### 1 外部 ###

#### 1.1 top(外部正上方) ####

可应用于：series.label.position。

position:top

#### 1.2 bottom(外部正下方) ####

可应用于：series.label.position。

position:bottom

#### 1.3 left(外部左边) ####

可应用于：series.label.position。

position:left

#### 1.4 right (外部右边) ####

可应用于：series.label.position。

position:right

### 2 内部 ###

#### 2.1 inside(内部中央) ####

可应用于：series.label.position。

position:inside

#### 2.2 insideTop(内部靠顶部) ####

可应用于：series.label.position。

position:insideTop

#### 2.3 insideBottom(内部靠下方) ####

可应用于：series.label.position。

position:insideBottom

#### 2.4 insideRight(内部靠右边) ####

可应用于：series.label.position。

position:insideRight

#### 2.5 insideLeft(内部靠左边) ####

可应用于：series.label.position。

position:insideRight

### 3 自定义位置 ###

#### 3.1 \[x,y\] ####

以像素为单位，第一个参数为x轴方向，第二个参数为y轴方向，左上角为起点，向右向下为正数，向上向左为负数。

可应用于：series.label.position。

position:[1,2]

#### 3.2 \[x%,y%\] ####

以百分比为单位，第一个参数为x轴方向，第二个参数为y轴方向，左上角为起点，向右向下为正数，向上向左为负数。

可应用于：series.label.position。

position:[1%,2%]

[旭东怪的个人空间-旭东怪个人主页-哔哩哔哩视频哔哩哔哩旭东怪的个人空间，提供旭东怪分享的视频、音频、文章、动态、收藏等内容，关注旭东怪账号，第一时间了解UP注动态。人生低谷不可怕，可怕的是坚持不到人生转折点的那一天![1d5330f89298af44e002d6b2230b47659e28c05a.jpg][]https://space.bilibili.com/484264966?spm\_id\_from=333.1007.0.0][-_-_UP_1d5330f89298af44e002d6b2230b47659e28c05a.jpg_https_space.bilibili.com_484264966_spm_id_from_333.1007.0.0]

[1d5330f89298af44e002d6b2230b47659e28c05a.jpg]: https://i1.hdslb.com/bfs/face/1d5330f89298af44e002d6b2230b47659e28c05a.jpg
[-_-_UP_1d5330f89298af44e002d6b2230b47659e28c05a.jpg_https_space.bilibili.com_484264966_spm_id_from_333.1007.0.0]: https://space.bilibili.com/484264966?spm_id_from=333.1007.0.0