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'

}

]

};

063a24a9953d20a4ad3cc8971a649f52.png

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echarts瀑布图是一种特殊的柱状图,用于展示数据的分解和变化情况。瀑布图通过按照维度/指标分解数据,如公司收入按用途分解、公司年利润按分公司分解、业绩按销售团队分解等,来展示数据的变化过程。相对于饼图,瀑布图的优势在于可以清晰辨识拆解项,即使拆解项较多时也不会造成混淆。\[1\] 要绘制Echarts瀑布图,可以使用pyecharts库。首先,需要安装pyecharts库,可以使用pip install pyecharts命令进行安装。然后,可以使用虚拟数据来绘制瀑布图。例如,假设你是一个老板,想要展示2023年公司的总人数、招聘人数和离职人数的变化情况。可以使用Bar类来创建瀑布图,并设置相应的数据和样式。\[2\]\[3\] 以下是一个使用pyecharts库绘制瀑布图的示例代码: ```python from pyecharts.charts import Bar from pyecharts import options as opts # 数据 month = \['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'\] fixed = \[48, 42, 42, 48, 58, 61, 61, 58, 58, 63, 67, 66\] add = \['-', '-', 6, 10, 5, '-', 4, '-', 5, 6, '-', '-'\] reduce = \[2, 6, '-', '-', '-', 2, '-', 7, '-', '-', 2, 1\] # 创建瀑布图对象 bar = Bar() # 添加数据 bar.add_xaxis(month) bar.add_yaxis('各月稳定人数', y_axis=fixed, category_gap=2, stack="人数", itemstyle_opts=opts.ItemStyleOpts(color="rgb(240,240,240)")) bar.add_yaxis('各月增加人数', y_axis=add, stack='人数', category_gap=2) bar.add_yaxis('各月减少人数', y_axis=reduce, stack='人数', category_gap=2) # 设置全局配置 bar.set_global_opts( xaxis_opts=opts.AxisOpts( axislabel_opts=opts.LabelOpts(font_size=8, color='green', font_weight='bolder') ), yaxis_opts=opts.AxisOpts( axislabel_opts=opts.LabelOpts(font_size=10, color='blue', font_weight='bolder') ) ) # 渲染图表 bar.render('people_total_waterfall.html') ``` 以上代码,我们使用Bar类创建了一个瀑布图对象,并通过add_xaxis和add_yaxis方法添加了数据。然后,使用set_global_opts方法设置了x轴和y轴的样式。最后,使用render方法将图表渲染为HTML文件。 请注意,以上示例的数据和样式仅供参考,你可以根据自己的需求进行修改和调整。 #### 引用[.reference_title] - *1* [用echarts绘制瀑布图](https://blog.csdn.net/dongdouzin/article/details/117949890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [循序渐进,学会用pyecharts绘制瀑布图](https://blog.csdn.net/weixin_43790276/article/details/130252095)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值