option = {

title: {

text: '阶梯瀑布图',

subtext: 'From ExcelHome',

sublink: 'http://e.weibo.com/1341556070/Aj1J2x5a5'

},

tooltip : {

trigger: 'axis',

axisPointer : { // 坐标轴指示器,坐标轴触发有效

type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'

},

formatter: function (params) {

var tar;

if (params[1].value != '-') {

tar = params[1];

}

else {

tar = params[0];

}

return tar.name + '
' + tar.seriesName + ' : ' + tar.value;

}

},

legend: {

data:['支出','收入']

},

grid: {

left: '3%',

right: '4%',

bottom: '3%',

containLabel: true

},

xAxis: {

type : 'category',

splitLine: {show:false},

data : function (){

var list = [];

for (var i = 1; i <= 11; i++) {

list.push('11月' + i + '日');

}

return list;

}()

},

yAxis: {

type : 'value'

},

series: [

{

name: '辅助',

type: 'bar',

stack: '总量',

itemStyle: {

normal: {

barBorderColor: 'rgba(0,0,0,0)',

color: 'rgba(0,0,0,0)'

},

emphasis: {

barBorderColor: 'rgba(0,0,0,0)',

color: 'rgba(0,0,0,0)'

}

},

data: [0, 900, 1245, 1530, 1376, 1376, 1511, 1689, 1856, 1495, 1292]

},

{

name: '收入',

type: 'bar',

stack: '总量',

label: {

normal: {

show: true,

position: 'top'

}

},

data: [900, 345, 393, '-', '-', 135, 178, 286, '-', '-', '-']

},

{

name: '支出',

type: 'bar',

stack: '总量',

label: {

normal: {

show: true,

position: 'bottom'

}

},

data: ['-', '-', '-', 108, 154, '-', '-', '-', 119, 361, 203]

},{

data: [0, 900, 1245, 1530, 1376, 1376, 1511, 1689, 1856, 1495, 1292],

type: 'line'

}

]

};

echarts瀑布图_请问echarts中有没有瀑布图+折线图的使用方法?相关推荐

  1. graphpad prism画折线图_如何用Graphpad Prism 8作折线图

    如何用Graphpad Prism 8作折线图 如何用Graphpad Prism 8作折线图 Prism 8 有8种数据类型,Prism数据表的格式决定可制作的图表种类和可执行的分析类型.选择一个数 ...

  2. tableau做折线图_【tableau入门教程04】折线图

    接上一篇的以拆分整理后的[中国电影网电影_data.xlsx]数据,接下来我们制作折线图查看2008-2018年间电影的数量和票房之间的关系 折线图折线图用于显示数据在一个连续的时间间隔或者时间跨度上 ...

  3. python双柱状图与双折线图_如何绘制双轴柱状图和折线图?

    如何绘制双轴柱状图和折线图? 答:第1步,先将数据作成如下表格. ××市2010--2014年农业灌溉用水有效利用系数 年份灌溉亩数(万亩)毛灌溉用水总量(万米3)净灌溉用水总量(万米3)灌溉水有效利 ...

  4. echarts切换折线图变大_这个月,我就和折线图杠上了...

    作者 hustcc 蚂蚁金服·数据体验技术团队 TL;DR G2Plot 是一个注重于细节体验的通用统计图表库. 背景 折线图用于表示连续时间跨度内的数据,它通常用于显示某变量随时间的变化模式:是上升 ...

  5. python使用matplotlib可视化堆积的折线图、使用stackplot函数可视化堆积的折线图、不同数据在垂直方向堆叠

    python使用matplotlib可视化堆积的折线图.使用stackplot函数可视化堆积的折线图.不同数据在垂直方向堆叠 目录

  6. python画折线图-手把手教你Python yLab的绘制折线图的画法

    Python的可视化工具有很多,数不胜数,各有优劣.本文就对其中的pylab进行介绍.之所以介绍这一款,是因为它和Matlab的强烈相似度,如果你使用过Matlab,那么相信pylab你也会很快上手. ...

  7. python excel数据分析画直方图 饼状图_Excel数据可视化应用(直方图、折线图、饼状图)...

    直方图:对比关系 直方图是一种统计报告图,是表示资料变化情况的主要工具.直方图由一系列高度不等的的纵向条纹或线段表示数据分布的情况.一般用横轴表示数据类型,纵轴表示分布情况. 例1: 1.右键单击图表 ...

  8. 写【Python折线图】的一百个技巧(一、生成折线图网页)

    写[Python折线图]的一百个技巧(一.生成折线图网页) 目录 写[Python折线图]的一百个技巧(一.生成折线图网页) 前言 学习环境 Python库环境 探究目标 绘制过程 引入库 初始化数据 ...

  9. hdc mfc 画扇形图_使用echarts绘制条形图和扇形图

    使用echarts绘制条形图和扇形图 简单举例说明下echarts如何绘制条形图和扇形图 代码示例 echarts绘制条形图和扇形图 var mychart1=echarts.init(documen ...

  10. visualmap折线图_使用Echarts几分钟制作出折线图、饼图、柱状图等

    ECharts,缩写来自Enterprise Charts. ECharts,不仅是国内关注度最高的开源项目,还是中国第一个也是目前唯一一个入选了Github Explorer Data Visual ...

最新文章

  1. php 评论插件,Typecho评论增强插件:TeComment(2017.09.07更新)
  2. AJPFX实例集合嵌套之ArrayList嵌套ArrayList
  3. young people can also be a leader
  4. jquery csv2table 插件
  5. Bootstrap3基础 warning/active... 表格的状态类(不同的背景色)
  6. KDE桌面没有wifi的解决方案
  7. find(),find_if(),以及巧妙的函数对象,函数适配器
  8. 181012词霸扇贝有道每日一句
  9. 中国第一个计算机病毒什么时候,新中国成立以来的第一例电脑病毒小球病毒是在1988年发现...
  10. 诛仙2怎样修改服务器时间同步,《诛仙2》2月22日更新公告
  11. ucgui界面 vc_【MM32F103试用体验】ucGUI + FreeRTOS +触摸屏图形界面开发
  12. 毕向东java基础,B站直达,目录,b站浏览目录太难受,在这做一个
  13. smobiler php对比,Smobiler的开发讲解
  14. vue可拖拽悬浮按钮组件
  15. 拼多多API接口(附上我的可用API)
  16. 桌面计算机地址栏在哪,我的电脑地址栏不见了怎么办 地址栏不见了如何解决...
  17. android 串口 汉字乱码,Arduino软串口出现乱码
  18. (综述)微信聊天记录导出制作年度报告方法和相关软件
  19. 自动驾驶3-1: 自动驾驶汽车的安全保障 Safety Assurance for Self-Driving Vehicles
  20. 学习记录:调用TFTLCD液晶屏

热门文章

  1. mysql统计缺勤的天数_缺勤天数统计的处理示例.sql
  2. 伯爵写给女巫的一封信
  3. 百思不得其姐关注模块的推荐关注中 右侧TableView刷新细节
  4. ios游戏和android,20款最受好评的iOS和Android游戏
  5. caution: filename not matched:xxx
  6. 腾讯地图 地图组件 缩放级别
  7. Cobal Strike的学习与使用
  8. 安卓手机管理器_iOS苹果手机最好用的三款文件管理器APP
  9. AI插画设计,用AI制作一个只可爱的短腿柯基插画
  10. 玩玩socket-socket是什么意思