apache / apache/echarts

The pie label line horizontal display issue

Open
#15,048 1 comment 0 reactions 0 assignees View on GitHub
bug en
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version
5.1.1

### Reproduction link
[https://codesandbox.io/s/echarts-pie-horizontal-label-line-2j1bb?file=/src/option.js](https://codesandbox.io/s/echarts-pie-horizontal-label-line-2j1bb?file=/src/option.js)

### Steps to reproduce
I want to set the pie label line horizontal display. If set 'roseType: radius' it can't be horizontal. If 'roseType' not set. It will be ok.
```
{
series: [
{
name: "面积模式",
type: "pie",
radius: ["75%", "95%"],
center: ["50%", "50%"],
// 删除 roseType就能达到引导线水平显示效果
roseType: "radius",
color: ["#18dbfd", "#1883fd"],
labelLine: {
length: 0,
length2: 50
},
data: [
{ value: 50, name: "rose 1" },
{ value: 100, name: "rose 8" }
]
}
]
}
```

### What is expected?
Set 'roseType: radius' the label line is horizontal.

### What is actually happening?
The label line isn't horizontal.
![image](https://user-images.githubusercontent.com/26835087/119920388-da1cf180-bf9e-11eb-8b9b-5a8c01eff66b.png)
![image](https://user-images.githubusercontent.com/26835087/119920486-020c5500-bf9f-11eb-9be0-322ce894daa6.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.