一个柱状图里两种数据_PPT中不同数据关系应当如何选择合适的图表

77fab0ccb862a2cbfe46ba2463fc8247.png

谈到PPT中的图表,想必大家都知道它的重要作用,那就是可以帮助我们实现PPT中数据信息的可视化展示;那么既然这么图表如此重要,那么在PPT的制作中,针对不同的使用场景,不同的数据关系,如何去选择适合的图表来进行表达呢?今天我们就来给大家分析一下。

一、PPT中图表的分类有哪些

PPT中,根据不同的数据关系或者展示方式,一共自带了17中图表,其中我们常用的大概是一半,例如柱状图、条形图、饼图、折线图、面积图、散点图、雷达图、组合图等,其他类型的图表,在日常工作和学习中使用较少。

二、常见的数据关系有哪些

在PPT中,我们经常会遇到的数据关系包括了五种:构成、比较、趋势、分布、联系。

1、构成:构成关系主要是体现每个数据所占百分比或者是份额的关系。

2、比较:比较关系主要展示数据之间的对比和排雷顺序。

3、趋势:趋势关系,是展示数据随着时间或者是进度推移的走势和走向。

4、分布:分布关系是某个数值范围内包含了多少项目或多少具体数据。

5、联系:联系的关系是表达数据之间的联系或关系,即与某某有关。

三、怎样选择与数据关系匹配的图表类型

针对五种不同的数据关系,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现柱状图切换不同数据,可以通过Echarts的`setOption`方法来动态更新图表数据。具体实现步骤如下: 1. 创建一个基础的柱状图,并为其绑定一个事件监听器,例如点击事件。 ``` // 初始化图表 var myChart = echarts.init(document.getElementById('main')); // 绑定点击事件 myChart.on('click', function (params) { // 根据点击的柱子对应的数据更新图表 myChart.setOption({ series: [{ data: [params.data] // 更新柱子的数据 }] }); }); // 设置初始数据 myChart.setOption({ xAxis: { data: ['A', 'B', 'C', 'D', 'E'] }, yAxis: {}, series: [{ type: 'bar', data: [5, 20, 36, 10, 10] // 初始数据 }] }); ``` 2. 在事件监听器根据点击的柱子对应的数据,动态更新图表数据。 ``` myChart.on('click', function (params) { myChart.setOption({ series: [{ data: [params.data] // 更新柱子的数据 }] }); }); ``` 以上代码实现了点击某个柱子后,将该柱子的数据作为新的数据更新图表。 如果需要切换不同数据,可以通过定义多组数据,并在事件监听器根据不同的条件切换不同数据。例如: ``` // 定义两组数据 var data1 = [5, 20, 36, 10, 10]; var data2 = [10, 15, 20, 25, 30]; // 绑定点击事件 myChart.on('click', function (params) { if (params.name === 'A') { myChart.setOption({ series: [{ data: data1 // 切换到数据1 }] }); } else if (params.name === 'B') { myChart.setOption({ series: [{ data: data2 // 切换到数据2 }] }); } }); // 设置初始数据 myChart.setOption({ xAxis: { data: ['A', 'B'] }, yAxis: {}, series: [{ type: 'bar', data: data1 // 初始显示数据1 }] }); ``` 以上代码实现了点击不同的柱子切换不同数据

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值