Echarts堆叠柱状图

在echarts里option中的series的数组数据中我们可以通过stack属性控制是否堆叠,当我们的两个数据需要堆叠显示时,我们只需要给他两个的stack设置相同名称就可以了!

    series: [
                    {
                        name: "调用成功次数",
                        type: "bar",
                        stack: "num",//折叠显示
                        data: [1, 2, 3, 4, 2, 3, 3],
                    },
                    {
                        name: "调用失败次数",
                        type: "bar",
                        stack: "num",//折叠显示
                        data: [1, 2, 3, 4, 2, 3, 3],
                    },
]

推荐阅读更多精彩内容

  • Echarts功能出色,文档详细(强烈推荐),如今已经更新到了4.x版本。本文要介绍的是echarts所支持的gr...
    yukipedia_yui阅读 22,771评论 12 14
  • 最近在实习期间,接手了一个数据搜索项目,需要我从后台调取数据,并将之用折线图直方图显示出来,并且可以将多组数据绘制...
    南客nk阅读 7,267评论 3 21
  • 基础篇NumPy的主要对象是同种元素的多维数组。这是一个所有的元素都是一种类型、通过一个正整数元组索引的元素表格(...
    oyan99阅读 4,841评论 0 18
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 7,063评论 0 3
  • 这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记,希望文章对你有所帮助,主要是自己的在线笔记吧。我在...
    蓝色梦想家阅读 9,279评论 1 1
  • 如果您对游戏有任何意见与建议,请及时与我们取得联系
    王大锤_6e8c阅读 60评论 0 0
  • 时间:三更半夜 地点:中国某城市 状态: 头脑异常清醒 在我跑完今年第三个半程马拉松后,我就想好了要写一写这个...
    木华益阅读 232评论 2 3
  • 在阳台上,能看到高架桥上各种车呼啸而过。 从早到晚都是如此。 晚上回来,不开灯,静静地看对面楼上的灯火,远处的路灯...
    初漪阅读 220评论 0 3
  • 我的电脑今天又生气了,一下子气老了,像个迟暮的老人,动作迟缓,word半天打不开,害我思绪一下了跑光了,省得熬夜了...
    鱼刺S阅读 70评论 0 0
  • 人活着最重要的是精神,丧文化只是无良自媒体鼓吹的噱头,如果真的大丧其道,就真的上了他们的当了。 做事不认真不积极,...
    峰高水冷阅读 151评论 0 0