【分享】多折线堆叠图如何制作?

本文介绍了如何使用润乾报表自带的统计图形和ECharts库来创建多折线堆叠统计图。首先,通过润乾报表的内置统计图功能,展示了设置数据源、分类轴和系列值的步骤,并调整了图形的外观。接着,利用ECharts创建类似图表,详细说明了设置图例和数据表达式的操作。通过这两个方法,实现了多折线堆叠图的展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

润乾报表有丰富的图形展现效果,不仅自带了多种统计图形,还内置了第三方统计图形D3还有echarts统计图。最近好多客户提出想要实现多折线堆叠的统计图,我用自带的图形和echarts两种方式做了小例,和大家分享下。

使用润乾自带的统计图实现多折线堆叠统计图:

新建一个报表,增加一个数据集,这里我用的是一个内建数据集,数据集的字段及字段类型如下图所示:

数据形式如下图所示:

润乾自带的统计图的数据来源可以使用数据集字段,也可以使用单元格的值。

使用单元格值作为统计图数据来源

  1. 先将数据集中的数据在单元格中整理好,如下图所示:

A3是根据日期进行分组,单元格默认的扩展方式为纵向,所以A3的扩展方向不用管;

横向扩展是取到不同的营销方式,也就是除日期字段以外的其他字段名称,所以我们在写扩展表达式的时候从第二个字段名开始扩展;

B3对应的是不同营销方式,在一周中的不同情况。

数据在单元格中整理好后我们就可以在想要显示统计图的格子中添加统计图了,这里将A4:C11这片区域合并了,右键单元格,选择统计图,在统计图属性定义中做如下设置:

  1. 统计图类型选择折线图;
  2. 设置分类轴为A3单元格;
  3. 设置系列值和系列名称。

通过以上简单的设置,我们的多折线统计图就已经做好了,下面我们预览下报表看看统计图

统计图的区域背景色、横纵轴的颜色在显示外观中进行修改,如下图所示:

一个图是否美观和它的配色有直接关系,修改配色

在图形特性这个TAB页中可以调整线的粗度

在数据展现页面只想显示统计图的话,我们可以对于单元格的列表数据隐藏。我们再来预览下修改过外观的统计图效果。

 

 

 

使用数据集字段作为统计图数据来源

在上一个统计图下方添加一个统计图,统计图具体设置步骤如下:

  1. 首先统计图类型选折线图;
  2. 数据集选择ds1;
  3. 分类轴定义,也就是确定横轴所使用的分类为字段名为日期的字段;

将数据集中的其他字段名都作为系列值设置。

 

echarts多折线统计图的实现:

  1. 在单元格中添加第三方统计图,右键单击添加统计图的区域,选择第三方统计图。

打开模板后,在左侧设置图例,以及统计图显示的数据:

设置好表达式后,点击确定,保存报表,页面就可以看到echarts在报表中做的效果了。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值