add remote-beta tutorial

docs/zh_CN/uiflow/advanced.md

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