跳到主要内容

02-柱状图

柱状图也是常见的图表类型，它的适用场合是二维数据集（每个数据点包括两个值，即X和Y），但只有一个维度需要比较的情况。例如监控学校不同教室的的温度情况。

编程——快速上手​

  • 将图表类型设置为柱状图

  • X轴类型教室的名称

  • Y轴类型为温度数值

  • 现为了快速入门，将教室A、教室B的温度以随机数的形式进行了录入

image.png
图表情况：
image.png

编程——真实场景​

当你已经理解以上的程序，当我们需要真实测每个教室的温度，我们不可能用一个主控板，连接多个温度传感器进行测量，在接线的长度是不符合的。因此我们通过iot物联网进行获取，每个教室有一块未来板接着温度传感器，采集到的数据传到云端上。
此时Kittenblock界面也可以理解为某个物联网节点，把云端的数据获取下来，对应进行图表显示。

登录喵家IOT平台​

  • 登录此网页https://iot.kittenbot.cn/
  • 新建两个自己的话题，不需要设置用户名和密码，记住这两个话题的名称，编程需要用这两个话题名

classA_temp
classB_temp
image.png

添加MQTT插件​

  • 选择添加扩展

image.png

  • 选择MQTT插件

image.png

编写MQTT通讯程序​

image.png

执行点击​

依次点击这三个积木块
image.png

图表已经出来了
image.png

喵家IOT平台发送数据​

如果我们手上有未来板，可以通过未来板编写一个脱机运行的程序，将温度值推送到不同的话题
如果手上没有硬件，那么我们也可以通过IOT平台，给话题发消息

  • 选择话题，点击连接

image.png

  • 填入发送的数值，再点击发送按钮，classB_temp也是同样的操作

image.png

最终图表效果：
image.png

将图表以图片格式进行保存
image.png