diff --git a/docs/image/Remote_beta/remote_beta_01.jpg b/docs/image/Remote_beta/remote_beta_01.jpg new file mode 100644 index 00000000..5428fa1a Binary files /dev/null and b/docs/image/Remote_beta/remote_beta_01.jpg differ diff --git a/docs/image/Remote_beta/remote_beta_02.jpg b/docs/image/Remote_beta/remote_beta_02.jpg new file mode 100644 index 00000000..87831d22 Binary files /dev/null and b/docs/image/Remote_beta/remote_beta_02.jpg differ diff --git a/docs/image/Remote_beta/remote_beta_03.jpg b/docs/image/Remote_beta/remote_beta_03.jpg new file mode 100644 index 00000000..cb9e2d4d Binary files /dev/null and b/docs/image/Remote_beta/remote_beta_03.jpg differ diff --git a/docs/image/Remote_beta/remote_beta_04.jpg b/docs/image/Remote_beta/remote_beta_04.jpg new file mode 100644 index 00000000..0d89c31e Binary files /dev/null and b/docs/image/Remote_beta/remote_beta_04.jpg differ diff --git a/docs/image/Remote_beta/remote_beta_05.jpg b/docs/image/Remote_beta/remote_beta_05.jpg new file mode 100644 index 00000000..ee110fc2 Binary files /dev/null and b/docs/image/Remote_beta/remote_beta_05.jpg differ diff --git a/docs/zh_CN/uiflow/advanced.md b/docs/zh_CN/uiflow/advanced.md index bedebdc4..d45e5170 100644 --- a/docs/zh_CN/uiflow/advanced.md +++ b/docs/zh_CN/uiflow/advanced.md @@ -1,5 +1,9 @@ **[远程控制](#远程控制)** +**[数据面板](#数据面板)** + + + **[MQTT通讯](#MQTT通讯)** **[WiFi](#WiFi)** @@ -18,9 +22,9 @@ **[Execute](#Execute)** - - + + # 远程控制 __________________________ @@ -46,6 +50,8 @@ __________________________ * __Remote Label__ 显示信息,可以选择一些内置提供的标签类型,或是输入自定义的文本 +注意:为程序块命名时,应避免使用空格以及特殊符号 + #### 使用方法 >添加一个二维码生成Block到程序中,添加Remote Button,放置要运行的程序到块中,运行程序 @@ -60,6 +66,46 @@ __________________________ > +# 数据面板 + +#### 功能说明 + +>除了拥有的与Remote一致的远程控制功能以外,Remote-Beta提供了更为强大的数据面板功能.目前支持折线/柱形两种数据图表样式,页面的布局样式可进行自由调整,并会根据用户API Key进行保存,实现布局样式的持久化. + +> + +* __Create Chart__ +数据图表程序,将数据生成指定的图表样式. + +* __Remote Button__ +远程按钮控制,每点击一次按钮,则执行一次Block里的程序 + +* __Remote Slider__ +滑动条控制(使用前请点击Block上的齿轮按钮添加一个变量X,随着滑动X传入0~100的整数) + +* __Remote Switch__ +远程开关控制,使用前请点击Block上的齿轮按钮添加一个变量X,当控制时,闭合X传入1,断开X传入0 + +注意:为程序块命名时,应避免使用空格以及特殊符号 + +#### 使用方法 + +>拖动数据图表程序到编程区域,在选项框内填写图表的相关信息.(Name:图表名称、ChartType:折线/柱形、DataType:图表的数据类型,暂时仅支持数字、key:数据的关键字、Value:数据来源、Interval:间隔刷新时间) + +__注意:一个的表格只能使用一个数据来源,若是出现多个相同名称的表格,其数据来源将按照程序执行顺序使用最后一个数据__ + +> + +>按键、滑动条、开关的使用方式与Remote功能完全一致,详情可查看上方程序块功能介绍,完成编辑后,点击运行程序.单击页面右侧的二维码选项,扫描或复制数据页面的链接,使用浏览器进行访问. + +> + + +>进入控制页面后,保持M5设备的正常运行,就能看到图表中的数据按照我们所配置的间隔时间不断刷新,拖动图表右下角箭头能够实现整个图表缩放.点击左上角能够打开侧边导航,提供深浅主题色切换以及布局开关.(打开布局开关后,用户即可自由的修改图表及其他元素在页面中所摆放的位置) + +> +> + # MQTT通讯 __________________________ @@ -557,3 +603,5 @@ __________________________ >导入库 > + +