echarts瀑布图_请问echarts中有没有瀑布图+折线图的使用方法?
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中有没有瀑布图+折线图的使用方法?相关推荐
- graphpad prism画折线图_如何用Graphpad Prism 8作折线图
如何用Graphpad Prism 8作折线图 如何用Graphpad Prism 8作折线图 Prism 8 有8种数据类型,Prism数据表的格式决定可制作的图表种类和可执行的分析类型.选择一个数 ...
- tableau做折线图_【tableau入门教程04】折线图
接上一篇的以拆分整理后的[中国电影网电影_data.xlsx]数据,接下来我们制作折线图查看2008-2018年间电影的数量和票房之间的关系 折线图折线图用于显示数据在一个连续的时间间隔或者时间跨度上 ...
- python双柱状图与双折线图_如何绘制双轴柱状图和折线图?
如何绘制双轴柱状图和折线图? 答:第1步,先将数据作成如下表格. ××市2010--2014年农业灌溉用水有效利用系数 年份灌溉亩数(万亩)毛灌溉用水总量(万米3)净灌溉用水总量(万米3)灌溉水有效利 ...
- echarts切换折线图变大_这个月,我就和折线图杠上了...
作者 hustcc 蚂蚁金服·数据体验技术团队 TL;DR G2Plot 是一个注重于细节体验的通用统计图表库. 背景 折线图用于表示连续时间跨度内的数据,它通常用于显示某变量随时间的变化模式:是上升 ...
- python使用matplotlib可视化堆积的折线图、使用stackplot函数可视化堆积的折线图、不同数据在垂直方向堆叠
python使用matplotlib可视化堆积的折线图.使用stackplot函数可视化堆积的折线图.不同数据在垂直方向堆叠 目录
- python画折线图-手把手教你Python yLab的绘制折线图的画法
Python的可视化工具有很多,数不胜数,各有优劣.本文就对其中的pylab进行介绍.之所以介绍这一款,是因为它和Matlab的强烈相似度,如果你使用过Matlab,那么相信pylab你也会很快上手. ...
- python excel数据分析画直方图 饼状图_Excel数据可视化应用(直方图、折线图、饼状图)...
直方图:对比关系 直方图是一种统计报告图,是表示资料变化情况的主要工具.直方图由一系列高度不等的的纵向条纹或线段表示数据分布的情况.一般用横轴表示数据类型,纵轴表示分布情况. 例1: 1.右键单击图表 ...
- 写【Python折线图】的一百个技巧(一、生成折线图网页)
写[Python折线图]的一百个技巧(一.生成折线图网页) 目录 写[Python折线图]的一百个技巧(一.生成折线图网页) 前言 学习环境 Python库环境 探究目标 绘制过程 引入库 初始化数据 ...
- hdc mfc 画扇形图_使用echarts绘制条形图和扇形图
使用echarts绘制条形图和扇形图 简单举例说明下echarts如何绘制条形图和扇形图 代码示例 echarts绘制条形图和扇形图 var mychart1=echarts.init(documen ...
- visualmap折线图_使用Echarts几分钟制作出折线图、饼图、柱状图等
ECharts,缩写来自Enterprise Charts. ECharts,不仅是国内关注度最高的开源项目,还是中国第一个也是目前唯一一个入选了Github Explorer Data Visual ...
最新文章
- php 评论插件,Typecho评论增强插件:TeComment(2017.09.07更新)
- AJPFX实例集合嵌套之ArrayList嵌套ArrayList
- young people can also be a leader
- jquery csv2table 插件
- Bootstrap3基础 warning/active... 表格的状态类(不同的背景色)
- KDE桌面没有wifi的解决方案
- find(),find_if(),以及巧妙的函数对象,函数适配器
- 181012词霸扇贝有道每日一句
- 中国第一个计算机病毒什么时候,新中国成立以来的第一例电脑病毒小球病毒是在1988年发现...
- 诛仙2怎样修改服务器时间同步,《诛仙2》2月22日更新公告
- ucgui界面 vc_【MM32F103试用体验】ucGUI + FreeRTOS +触摸屏图形界面开发
- 毕向东java基础,B站直达,目录,b站浏览目录太难受,在这做一个
- smobiler php对比,Smobiler的开发讲解
- vue可拖拽悬浮按钮组件
- 拼多多API接口(附上我的可用API)
- 桌面计算机地址栏在哪,我的电脑地址栏不见了怎么办 地址栏不见了如何解决...
- android 串口 汉字乱码,Arduino软串口出现乱码
- (综述)微信聊天记录导出制作年度报告方法和相关软件
- 自动驾驶3-1: 自动驾驶汽车的安全保障 Safety Assurance for Self-Driving Vehicles
- 学习记录:调用TFTLCD液晶屏