查看: 105268|回复: 0

[教程] 【App Inventor数据可视化】使用电子表格和图表2：通过比较...

[复制链接]

本帖最后由 szjuliet 于 2023-9-22 20:05 编辑

【App Inventor数据可视化】使用电子表格和图表

Part 2：通过比较数据集加深理解

在同一个app屏幕上编码两个图表以比较数据
编码图表，针对同一湖泊显示不同类型的数据

Part 1：通过图表理解数据
Part 2：通过比较数据集加深理解
Part 3：通过比较多个例子收集证据
Part 4：在App中添加数学模型
附录A：将app连接到自己的数据集
附录B：为Google表格创建一个凭证

Part 2：通过比较数据集加深理解

在Janelle编写App时，她对Spirit Lake的冰的变化有一种预感，但她想了解更多。

Janelle 编写了第二张图表来显示湖周围空气温度的变化。她想看看冰期和气温之间是否存在联系。

1. 为Temperature添加第二个图表

在组件设计中，拖拽一个Chart组件到你的app中：
- 将Chart组件重命名为“bottomChart”，方便在编写程序时快速找到组件
- 确保让你的app用户知道新图表中显示的数据。在属性窗口中，填写 描述Description 为“Temperature”
- 将图表的高度和宽度设置为“Fill Parent充满”，使图表填满屏幕
将ChartData2D组件拖到bottomChart中以显示数据
- 重命名Chart组件为“bottomChartData2D”，以便在编写程序时快速找到组件
- 确保让你的app用户知道新图表中显示的数据。在属性窗口中，将标签填充为“Temperature (C)”，并将线条的颜色更改为蓝色以外的任何颜色(可以是红色!)
在逻辑设计面板中，在上下两个图表之间放置标签，使用户可以分辨哪个湖对应的是哪个图表：
- 将标签组件重命名为“bottomLakeLabel”，方便程序编写
- 在标签属性中，删除标签文本(“text for Label1”)

2. 对温度图表进行编码

为bottomLakeLabel添加一个代码块。设置其Text属性为：“Spirit Lake Temperature”
在Blocks逻辑设计面板中，从 bottomchartdata2d 抽屉中拖动另一个 ImportFromSpreadsheet 块到 GotSheetData 块中(类似Part 1第5步中对topChart所做的那样)。
像上面的步骤5一样填写块的参数——有一点不同：你将选择哪一列作为y轴?(你可以在下面的测试框中检查你的代码。)

测试你的代码
像Part 1一样按Show Data按钮

如果多次按下后仍未看到图表，请检查代码：

讨论：从温度图表中你能看出什么

看看图表中从1955年到2007年温度值的变化规律。

从左到右看整个温度表，随着时间的推移，这些数值看上去是在上升还是在下降？
如果你看到温度的趋势，解释这个趋势意味着什么。
沿着图表的x轴选择某个年份。该年的冬季平均气温和冰期之间似乎有关联？
试着将你的解释用不熟悉这个话题的人都能理解的方式表达出来。

（注：数据来源于Sharma, Sapna等人的研究。“冰盖减少，物候变化，以及北半球湖泊发生的更多极端事件。”地球物理学报：生物地球科学126.10 (2021):e2021JG006348。）
("Loss of ice cover, shifting phenology, and more extreme events in Northern Hemisphere lakes." Journal of Geophysical Research: Biogeosciences 126.10 (2021): e2021JG006348. )

温度数据是该地区12月、1月和2月的平均气温。来源：美国国家海洋和大气管理局)。

引入数学模型

Janelle 正在寻找一种更清晰地显示湖水结冰变化趋势的方法。她意识到一种方法是添加一个数学模型来创建一条称为“最佳拟合线”的线。Janelle的结果显示在这里。