echarts
echarts copied to clipboard
[Bug] 仪表盘顺时针和轴线展示的不一致
Version
5.3.3
Link to Minimal Reproduction
No response
Steps to Reproduce
1.create gauge 2.option -->
option = {
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [
{
name: 'Pressure',
type: 'gauge',
clockwise: true,
detail: {
valueAnimation: true,
formatter: '{value}'
},
data: [
{
value: 50,
name: 'SCORE'
}
],
axisLine:{"roundCap":true,"lineStyle":{"width":16,"color":[[0.3,"#C9781B"],[0.7,"#F163EA"],[1,"#6366F1"]]}}
}
]
};
3.result ->
Current Behavior
仪表盘开启clockwise:true, 同时开启axisLine的roundCap 和 分段颜色, 圆角不是顺时针展示的
Expected Behavior
顺时针展示圆角
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
@longchuxiong It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] Inconsistency between the clockwise and axis display of the instrument panel
BODY
Version
5.3.3
Link to Minimal Reproduction
No response
Steps to Reproduce
1.create gauge
2.option -->
option = {
tooltip: {
formatter: '{a}
{b} : {c}%'
},
series: [
{
name: 'Pressure',
type: 'gauge',
clockwise: true,
detail: {
valueAnimation: true,
formatter: '{value}'
},
data: [
{
value: 50,
name: 'SCORE'
}
],
axisLine:{"roundCap":true,"lineStyle":{"width":16,"color":[[0.3,"#C9781B"],[0.7,"#F163EA"],[1,"#6366F1"]]}}
}
]
};
3.result ->
Current Behavior
The dashboard turns on clockwise:true, and turns on AxisLine's RoundCap and Segment Colors, with fillets not displayed clockwise
Expected Behavior
Rounded corners are displayed clockwise
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
看起来没有问题,是我没理解吗?

我设置的是顺时针,但是这个分段看起来是逆时针展示的,这个圆角交界处
This issue is labeled with difficulty: easy.
@longchuxiong Would you like to debug it by yourself? This is a quicker way to get your problem fixed. Or you may wait for the community to fix.
Please have a look at How to debug ECharts if you'd like to give a try. 🤓