echarts icon indicating copy to clipboard operation
echarts copied to clipboard

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

Open izrio opened this issue 3 years ago • 4 comments

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 avatar Sep 08 '22 03:09 izrio

@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

echarts-bot[bot] avatar Sep 08 '22 03:09 echarts-bot[bot]

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

Ovilia avatar Sep 15 '22 09:09 Ovilia

image

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

izrio avatar Sep 15 '22 13:09 izrio

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

echarts-bot[bot] avatar Sep 20 '22 06:09 echarts-bot[bot]