echarts —— 重叠图

摘要:
通常有很多堆栈图,但今天我们需要做重叠图。记录~1、堆栈图和相应的系列:[]。您需要设置一个堆栈:“1”,其中每个堆栈图的堆栈属性值必须一致,如下所示:groupSeriesData:[{name:'联赛广告',类型:'酒吧',堆栈:'广告',数据:[2018219123429030310]},{name:'视频广告',type:'酒吧‘,堆栈:‘广告',data:[1502220101154190330410]}2.重叠图,对应的系列:[],您需要设置barGap:“-100%”,如下所示:groupSeriesData:[{name:'联盟广告',类型:'bar',barGap:'-100%',数据:[2018219123429030310]},{name:'视频广告',类别:'bar‘,barGap:'-100%‘,数据:[1502220115419030410]}]

平时做堆叠图比较多,但是今天遇到一个要做重叠图的需求,记录一下~

1、堆叠图,对应的 series: [] ,需要设置一个stack: "1",其中每个堆叠图的stack属性值都要保持一致,如下:

groupSeriesData: [{
        name:'联盟广告',
        type:'bar',
        stack: '广告',
        data:[220, 182, 191, 234, 290, 330, 310]
    }, {
        name:'视频广告',
        type:'bar',
        stack: '广告',
        data:[150, 232, 201, 154, 190, 330, 410]
}]

echarts —— 重叠图第1张

2、重叠图,对应的 series:[],需要设置 barGap: '-100%',如下:

groupSeriesData: [{
        name:'联盟广告',
        type:'bar',
        barGap: '-100%',
        data:[220, 182, 191, 234, 290, 330, 310]
    }, {
        name:'视频广告',
        type:'bar',
        barGap: '-100%',
        data:[150, 232, 201, 154, 190, 330, 410]
}]

  echarts —— 重叠图第2张

免责声明:文章转载自《echarts —— 重叠图》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇windows 彻底删除360文件 360zipext.dll 等等3.C#中的多重委托下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

jenkins 配置 git拉取代码

#@(!jfkldjMC4r/WaqVy/B+n/SBCY6dsjaNq6ZVhrdNkbh0XMm55fH9ifMyr5UDVHoeUbnwURrH+O7L0uWdhy2w4BHwIqZOF5Bcnd47N9d9hh67jW@!...

Hibernate 数据的批量插入、更新和删除

对于这个批处理场景,Hibernate提供了一个批处理解决方案。接下来,我们将从批插入、批更新和批删除三个方面介绍如何处理此批处理场景。为了避免这种情况,Hibernate为批量更新和批量删除提供了类似于SQL的HQL语法。...

PLSQL常用配置之窗口/版面保存、SQL格式化/美化、SQL注释去掉注释等快捷键配置、登陆历史修改配置

//Blog.csdn.net/eyeidolon/article/details/8251791 PLSQL常用配置的快捷键配置,如窗口/布局保存、SQL格式化/美化和SQL注释删除,以及登录历史修改1的配置。PL/SQLDeveloper记住登录密码当使用PL/SQLDeveloper时,默认情况下PL/SQLDeveloper会执行此窗口中的所有SQL...

Uni-app v-on监听事件

使用标记上的v-on监视事件。缩写为@click common click events方法:方法:{Focus(){console.log;},blur(){console.log;},confirm(){console.log;},click(){console.log;},tap(){console.log;},longpress(){console....

差分方程的零输入响应与零状态响应

差分方程的迭代分析方法有以下缺点:没有闭合解,不利于数学分析。某个时间的输出只能从头开始计算。本文介绍了差分方程的零输入响应和零状态响应分析方法。对于系统,这种分析方法可以很好地表达系统响应的物理意义=Y[-1]=0$Input Y[n]。回顾零输入响应和零状态响应的迭代计算,我们发现以下规则:$egin{align*}y[0]&=-&qqu...

Linux 安装.src.rpm源码包的方法

接下来是rpm安装过程。...