stack 在Echart5中的实现与视频不符

来源：5-13 累计用户数组件开发（上）

Raymond0913

2023-07-13

课程里讲的两个值是覆盖的情况，即都是从X轴为零开始得到的是差值，而在echart5中是实现的堆叠效果。图片描述

https://echarts.apache.org/handbook/zh/how-to/chart-types/bar/stacked-bar/
我的代码

实现效果

可以看到两个颜色的长度是相等的。
看到提问区都有问过，都没正确的回复。麻烦老师告知新的实现方法

写回答

1回答

扬_灵

2023-07-14

同学你好，在代码中这里两个柱体设置的data都是200所以显示的时候是长度是相等的你可以修改其中一个柱体data试一下 //img.mukewang.com/szimg/64b14ff109867e5f12080776.jpg

Raymond0913

老师讲课时展示的效果不是累加的值，而是两个值都是从x坐标轴0开始并进行叠加，也就是灰色的条只占据50，而不是现在这样一个从0开始一个从200开始。并且都占据了200，因为按照老师讲的里面来看如果都是200应该只显示一条效果才是正确的。已知出现问题的原因在于版本，但我想知道的是在echart5中是否有办法做到课程中的效果。如果可以又需要修改那些属性？

2023-07-14

共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

请问课程视频中的笔记在哪里查看

回答 1

对这个stack有疑惑

回答 2

在移植百度地图到vue过程中出现了找不到map的报错但是对应页面里没有涉及到加载map

回答 2

使用echarts5.0，stack堆叠起始位置不对

回答 2

8-12 数据格式化千分号没讲吧？

回答 1

打开慕课网App查看更多内容