echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] [柱状图] 堆叠柱图,设置barMinHeight,极限数据情况下柱子重叠而非堆叠

Open RootJian opened this issue 3 years ago • 11 comments
trafficstars

Version

5.3.2

Link to Minimal Reproduction

Reproduction Link

Steps to Reproduce

建议使用svg绘图

Current Behavior

期望堆叠后设置最小高度得到左侧结果,但是实际生成的确是右侧结果 image

Expected Behavior

但是实际生成的确是右侧结果,通过浏览器F12开发者工具修改对应的svg路径得到正确展示结果(上)和echarts生成效果(bug)对比(下) 企业微信截图_16521616202141 企业微信截图_16521616462419

Environment

- OS: windows
- Browser: google
- Framework: 官方示例

Any additional comments?

No response

RootJian avatar May 10 '22 06:05 RootJian

@RootJian 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] [Histogram] In the case of stacking, set barMinHeight, in the case of extreme data, the columns overlap instead of stacking

BODY

Version

5.3.2

Link to Minimal Reproduction

No response

Steps to Reproduce

option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      axisTick: {
        alignWithLabel: true
      }
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name: 'Direct',
      type: 'bar',
      barWidth: '60%',
      stack:'main',
      barMinHeight:4,
      z:0,
      data: [2, 52, 200, 334, 390, 330, 220]
    },
    {
      name: 'Direct2',
      type: 'bar',
      barWidth: '60%',
      stack:'main',
      barMinHeight:4,
      z:1,
      data: [2, 52, 200, 334, 390, 330, 220]
    }
  ]
};

It is recommended to use svg for drawing

Current Behavior

It is expected to set the minimum height to get the left result after stacking, but the actual generation is indeed the right result image

Expected Behavior

However, the actual generation is indeed the result on the right. Modify the corresponding svg path through the browser F12 developer tool to get the correct display result (top) and echarts generation effect (bug) comparison (bottom) Enterprise WeChat screenshot_16521616202141 Enterprise WeChat screenshot_16521616462419

Environment

- OS: windows
- Browser: google
- Framework: official example

Any additional comments?

No response

echarts-bot[bot] avatar May 10 '22 06:05 echarts-bot[bot]

Is there no one to fix this bug?

RootJian avatar Jun 09 '22 00:06 RootJian

同遇到这个问题,请问老哥找到解决方法了不?

yangqinmin avatar Dec 24 '22 10:12 yangqinmin

试了下,eCharts版本设为5.2.2的时候,没有这个问题,5.2.2之后的开始有这个问题 image

yangqinmin avatar Dec 26 '22 01:12 yangqinmin

等待修复呢

同遇到这个问题,请问老哥找到解决方法了不?

RootJian avatar Dec 26 '22 02:12 RootJian

This still seems to be an issue in the current release 5.4.1, thus I can't update from the last working version 5.2.2. Any updates on that?

sinalkaMP avatar Mar 07 '23 16:03 sinalkaMP

definitely still does not work properly / at all with stacked bars in 5.4.1

skiingyac avatar Apr 27 '23 23:04 skiingyac

Observation: "extreme data" is increasing the value axis range. After setting yAxis.max:300 in the Minimal Reproduction code, the small bars stack correctly. I think the bug & fix ought to be on this line.

helgasoft avatar May 01 '23 17:05 helgasoft

still have this problem in 5.4.2

ZhouYC404 avatar May 08 '23 01:05 ZhouYC404

still have this problem in 5.4.2

kuriban avatar May 19 '23 10:05 kuriban

Is this gonna make it into 5.5.1? It forces us to use a quite dated version :/

black-snow avatar Mar 13 '24 14:03 black-snow

Any updates on this?

carlokid avatar Nov 22 '24 13:11 carlokid