Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
2.1k views
in Technique[技术] by (71.8m points)

echarts 怎么实现下面的效果

9131604039267_.pic_hd.jpg

echarts 各种例子没有看到图片红框的实现,请问知道的吗


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

个人觉得不需要用echart,每行就是两个div
<div class="box1">
<div class="box2"></div>
</div>
.box1{width:100px;height:10px;position:relative;background:#eee}
.box2{height:10px;position:absolute;top:0;left:0;background:blue;z-index:10}
然后动态计算box2的宽度即可


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...