excel图表交互联动_Excel办公技巧:如何实现多图表交互式联动?

交互式图表可以实现多个图表之间的联动。其制作思路是将数据源转换成智能表格,再根据智能表格创建不同的数据透视表(图),最后用切片器将不同的数据透视表(图)进行关联,从而实现在同一切片器上操作时所有关联图表同步变化的效果。

案例效果图

下图为根据同一数据源制作的交互式动态图表,由柱形透视图、饼形透视图、切片器组成。点击切片器按钮进行筛选,柱形透视图和饼形透视图会同步发生变化,显示切片器筛选过的数据。

d1647588d8f077c8e84f63e935942258.png

操作步骤

1、将数据源转化成智能表格。

选中数据源A2:C20单元格区域,同时按Ctrl+T组合键,弹出[创建表]对话框,勾选"表包含标题",单击[确定]按钮,即可将数据源转化成智能表格。 

0eb2fd3d28d67b089e0b7b4177e5f006.png

2、创建第一张数据透视图。

  • 选中智能表格中任一单元格,在[插入]选项卡[图表]功能组中单击[数据透视图]按钮,在弹出的[创建数据透视图]对话框中保持默认设置,单击[确定]按钮,即可打开新工作表。在新工作表中能同时看到数据透视表和数据透视图区域。
2a8c36d1c9111452cb51c7bccb4b1931.png
d299afd47011f2062ca6a14c72c86539.png
4bcd8ed992d0fd0c7965acc0c93a1ec8.png
  • 在新工作表右侧弹出的[数据透视图字段]对话框中,将[选择要添加到报表的字段]下方的"月份"拖曳到对话框下方的"轴(类别)"区域,将"商品"拖曳到"图例(系列)"区域,将"销量"拖曳到"值"区域。此时,新工作表中出现了根据所选字段创建的数据透视表和数据透视图。
89a20b98718030203f57770ba44f7e61.png
385d0839f2a1339962dfb3e8e909b0ee.png

3、创建第二张数据透视图。

  • 返回数据源所在工作表,按照上一步中同样的方法在另一张新工作表中插入第二张数据透视图,并对第二张透视图的字段和图表类型进行设置。
  • 在[数据透视图字段]对话框中,将[选择要添加到报表的字段]下方的"商品"拖曳到对话框下方的"轴(类别)"区域,将"销量"拖曳到"值"区域。此时,工作表中会出现根据所选字段创建的数据透视表和数据透视图。
998095a3c479d9a91998c48693181e2d.png
  • 选中第二张数据透视图,在数据透视图工具[设计]选项卡[类型]功能组中单击[更改图表类型]按钮,在弹出的[更改图表类型]对话框中选择[饼图],单击[确定]按钮。(为方便阅读,可以单击饼图在右侧出现的浮动按钮中为饼图添加数据标签。)
011e8a28ab1316734b8acbf2908fb065.png
53fa7d9d62986b7cbe15fd9ce12c7e18.png
e0c806ba3d4191a0733fb60390a16378.png

4、在工作簿中创建名为"交互式联动图表"的新工作表,将第2步和第3步创建的两张数据透视图剪切、粘贴到工作表"交互式联动图表"中,适当调整其位置、大小,使其相邻排列。

1478cb7c988e5977c7c5a8decb854f3c.png

5、为柱形透视图添加切片器,并将切片器与饼图对应的透视表进行连接。

  • 单击柱形透视图,在[插入]选项卡下单击[筛选器]功能组中的[切片器]按钮,在弹出的[插入切片器]对话框中勾选"月份"和"商品",单击[确定]按钮,即可在工作表中插入"月份"和"商品"切片器。
3758af2730308dc3664ee81036177524.png
3cfe55c55e22cc603903e98cc781a16c.png
  • 分别选中"月份""商品"切片器,调整位置、大小,使其位于透视图右侧,方便查看。
332b5d47703958dfb469181c212fd7cb.png
  • 选中"月份"切片器,在[选项]选项卡[切片器]功能组中单击[报表连接]按钮,在弹出的[数据透视表连接(月份)]对话框中,勾选要关联的透视表。
ac8d51b4af31aa8d3fdcbbdcfd54dc50.png
4c27da423f9b7ca1da4eebaee16a81a8.png

本案例中"数据透视表9"为饼图对应的数据透视表,大家实际操作时数据透视表名称后边的数字可能有所不同。

  • 按照同样的办法,将"商品"切片器与饼图对应的数据透视表进行关联。

6、测试联动效果。

在"月份"切片器中仅选中"1月",可见柱形透视图与饼形透视图实现了同步变化,均只显示了"1月"的数据。

097fa19690ac9c096e32721a220aba99.png

切片器按钮为蓝色代表被选中

7、为使交互式联动图表整体布局更加美观、协调,可进一步进行排版,隐藏透视图的字段按钮,对切片器进行相应的设置,最终效果如下图。(具体排版技巧可参考文章:Excel办公技巧:如何使切片器与数据透视图在排版时融为一体?)

d853312aa149ad1359e4b692aea9d8d4.png
参考资源链接:[ECharts实现人体结构SVG与条形图联动教程](https://wenku.csdn.net/doc/57cdxctc7s?utm_source=wenku_answer2doc_content) 为了创建一个交互式的SVG人体内脏器官数据可视化条形图,并实现图表之间的联动,你可以利用《ECharts实现人体结构SVG与条形图联动教程》这一资源。这本书详细解释了ECharts图表库与SVG技术的结合使用,以及如何实现复杂的可视化效果。你可以通过以下步骤来进行实现: 1. 基础设置:首先,你需要在HTML页面中引入ECharts库和SVG图片资源。接下来,创建一个容器来放置ECharts图表和SVG图形。 2. ECharts图表初始化:使用ECharts的API初始化一个条形图,并设置合适的配置项来定义图表的外观和交互行为。例如,设置x轴和y轴的数据、标签样式、图例、提示框等。 3. SVG图形配置:在ECharts图表中引入SVG图形,并使用SVG的path元素来绘制人体内脏器官的形状。你可以通过ECharts提供的自定义系列来实现SVG图形的加载和配置。 4. 联动功能实现:要实现条形图与SVG图形之间的联动,需要在ECharts中添加事件监听器,当条形图上的数据发生变化时,更新SVG图形的状态。例如,当用户交互导致条形图上的数据显示变化时,相应地改变SVG图形中器官的大小或颜色。 5. 数据处理:处理好内脏数据集后,将数据传递给ECharts图表和SVG图形,确保图表展示的数据准确性和图形展示的精确度。 6. 优化与测试:在实现图表联动和数据展示后,进行多次测试,确保在不同的设备和浏览器上图表交互性和视觉效果都符合预期。 通过以上步骤,你可以创建出一个既美观又具有高度交互性的数据可视化图表。这不仅能提升用户体验,还能为医学和生物学研究提供强大的视觉工具。对于想要深入学习ECharts和SVG技术的开发者来说,这份教程是一个宝贵的资源,它不仅涉及了理论知识,还包含了丰富的实例和实战演练,可以帮助你快速提升技术能力。 参考资源链接:[ECharts实现人体结构SVG与条形图联动教程](https://wenku.csdn.net/doc/57cdxctc7s?utm_source=wenku_answer2doc_content)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值