Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] 仪表盘顺时针和轴线展示的不一致 #17633

Closed
izrio opened this issue Sep 8, 2022 · 6 comments · Fixed by #17691
Closed

[Bug] 仪表盘顺时针和轴线展示的不一致 #17633

izrio opened this issue Sep 8, 2022 · 6 comments · Fixed by #17691
Labels
bug difficulty: easy Issues that can be fixed more easily than the average. topic: gauge

Comments

@izrio
Copy link

izrio commented Sep 8, 2022

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 ->image

Current Behavior

仪表盘开启clockwise:true, 同时开启axisLine的roundCap 和 分段颜色, 圆角不是顺时针展示的

Expected Behavior

顺时针展示圆角

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@izrio izrio added the bug label Sep 8, 2022
@echarts-bot echarts-bot bot added the pending We are not sure about whether this is a bug/new feature. label Sep 8, 2022
@echarts-bot echarts-bot bot changed the title [Bug] 仪表盘顺时针和轴线展示的不一致 [Bug] 仪表盘顺时针和轴线展示的不一致 Sep 8, 2022
@echarts-bot
Copy link

echarts-bot bot commented Sep 8, 2022

@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 ->image

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

@Ovilia
Copy link
Contributor

Ovilia commented Sep 15, 2022

看起来没有问题,是我没理解吗?

@izrio
Copy link
Author

izrio commented Sep 15, 2022

image

我设置的是顺时针,但是这个分段看起来是逆时针展示的,这个圆角交界处

@Ovilia Ovilia added topic: gauge difficulty: easy Issues that can be fixed more easily than the average. and removed pending We are not sure about whether this is a bug/new feature. labels Sep 20, 2022
@echarts-bot
Copy link

echarts-bot bot commented Sep 20, 2022

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. 🤓

@Ovilia Ovilia added this to the TBD milestone Sep 20, 2022
ZeekoZhu added a commit to ZeekoZhu/echarts that referenced this issue Sep 24, 2022
@Ovilia Ovilia linked a pull request Sep 26, 2022 that will close this issue
8 tasks
@Ovilia Ovilia removed this from the TBD milestone Sep 26, 2022
Ovilia added a commit that referenced this issue Sep 28, 2022
fix #17633: add gauge sectors in the order of the "clockwise" option
@zxqzylucky
Copy link

The award level is the same configuration I wrote on the official website of echarts. The official website is normal, but the same situation occurs in the project, counterclockwise, and the clockwise: true attribute is added. How to solve this problem
获奖级别我在echarts官网写的一模一样的配置,官网是正常的,但是在项目中出现和上述情况一样,逆时针了,并且添加了 clockwise: true,属性,请问这个问题该如何解决

@zxqzylucky
Copy link

找到了解决办法 原来是5.5.0合并的,版本原因

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug difficulty: easy Issues that can be fixed more easily than the average. topic: gauge
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants