绘制折线图

这篇文章会介绍，在 Scratch 里使用扩充功能的画笔，搭配函数、清单、定位、重复无限次...等积木，实作透过清单的数值内容，绘制折线图。

相关文章参考：扩充功能的画笔、重复、函数、清单、定位。

角色设定

在角色编辑区，删除猫咪角色，加入一个“空白”的角色 ( 参考：Scratch 角色设定 )。

因为待会使用画笔绘图，不会出现角色，所以直接使用全空的空白角色。

积木程序原理 ( xy 轴线 )

从左侧积木清单，新增一个名为“xy 轴”的函数，勾选“执行完毕再更新画面”。

加入扩充功能的“画笔”，设定点击绿旗时，清空画面笔迹与停笔，执行“xy 轴”函数，接着编辑函数内容：

• 设定笔迹颜色为黑色，笔迹粗细为 3。
• 定位到左上的位置 (-220, 100)。
• 下笔。
• 定位到左下 (-220, -100)，从左上画到左下。
• 定位到右下 (220, -100 )，从左下画到右下。
• 停笔。

积木程序原理 ( 折线图 )

从左侧积木清单里，新增一个名为“a”的清单，在点击绿旗时，清空 a 的内容，并使用重复 30 次积木，加入 30 个项目 ( 加入的数值使用 -100 到 100 的随机数 )。

新增一个名为“折线图 A”的函数，勾选“执行完毕再更新画面”。

编辑“折线图 A”函数内容：

• 新增一个变数 x，数值设定 -220，作为 x 座标使用。
• 使用重复积木，重复“清单 a 的长度”次，每次重复执行：
  • 设定笔迹颜色
  • 根据变数 x 和清单的第一个项目的数值，定位到指定的座标位置。
  • 下笔画画。
  • 删除清单第一个项目，让第二个项目变成第一个项目。
  • 将变数 x 改变 15，往右移动。
• 重复结束后，停笔。

为什么要用“定位”而不用“x 设为”或“y 设为”呢？因为如果使用了“x 设为”或“y 设为”，由于积木执行顺序的关系，会造成折线图画出来像“阶梯”的形状 ( 使用“x 设为”时，y 座标不会改变，所以会水平移动 )。

最后在点击绿旗的时候，执行“折线图 A”函数，舞台上就会画出折线图。

新增另外两个清单 b 和 c，重复上面的步骤，新增“折线图 B”和“折线图 C”函数，分别设定不同的笔迹颜色。

编辑点击绿旗的内容，替清单 b 和 c 加入随机数值，并执行“折线图 B”和“折线图 C”函数。

完成效果

完成后，点击绿旗，舞台上就会出现三条不同颜色的折线图。

范例解答

范例解答：绘制折线图

意见反馈