覆盖主要内容
版本: 6.1.0

添加数据

本文档为您介绍在 Uniplore 数据大屏可视化应用中，为组件添加数据的方法。

添加地图数据​

  1. 在应用编辑器页面，单击选中基础平面地图组件。
  2. 在右侧的数据面板中，单击等值面层。
  3. 在等值面层的数据面板中，单击插值点数据。

信息

说明 等值面层的数据包括了裁剪面数据和插值点数据。由于本示例的数据区域是全国范围，因此裁剪面的数据可以保持不变。您也可以根据需要修改裁剪面的数据。

  1. 在插值点数据的配置页面，单击配置数据源。
  2. 在设置数据源页面，按照以下说明配置数据源。
    • 数据源类型：选择 API 。由于处理接口章节已经写好了对应的API，也已经测试了数据获取，所以修改等值面层组件的插值点的数据源类型为 **API **。
    • URL：填写处理接口中测试的地址(本文测试 http://127.0.0.1:8888/api?date=2017012722  )。
  3. 单击预览数据源返回结果，查看数据返回结果。
  4. 单击数据响应结果右侧的刷新图标，查看数据响应结果。数据响应成功后，组件将在画布上展示对应的数据样式。
  5. 退出设置数据源页面，按照以下说明，设置等值面层组件的配置样式。
    • 在等值面层的配置页面，单击右侧面板的配置。
    • 在配置面板中，设置像元大小，推荐设置为3。

信息

注意 像元大小越大，插值越快，精度越低。

  • 设置渲染方式，推荐设置为线性渲染。

  • 设置分类数目，推荐设置为35。

添加时间轴数据​

  1. 在应用编辑器页面，单击选中时间轴组件。
  2. 在右侧的数据面板中，单击配置数据源。
  3. 在设置数据源页面，选择数据源类型为静态数据。
  4. 参考时间轴组件的默认数据，创建您需要的数据，并替换示例静态数据。例如，选择2017年1月22日到2017年2月2日，每天22点作为时间轴数据。
[
{
 "name": "2017年1月22日22时",
 "date": 2017012222,
 "value": 2017012222
},
{
 "name": "2017年1月23日22时",
 "date": 2017012322,
 "value": 2017012322
},
{
 "name": "2017年1月24日22时",
 "date": 2017012422,
 "value": 2017012422
},
{
 "name": "2017年1月25日22时",
 "date": 2017012522,
 "value": 2017012522
},
{
 "name": "2017年1月26日22时",
 "date": 2017012622,
 "value": 2017012622
},
{
 "name": "2017年1月27日22时",
 "date": 2017012722,
 "value": 2017012722
},
{
 "name": "2017年1月28日22时",
 "date": 2017012822,
 "value": 2017012822
},
{
 "name": "2017年1月29日22时",
 "date": 2017012922,
 "value": 2017012922
},
{
 "name": "2017年1月30日22时",
 "date": 2017013022,
 "value": 2017013022
},
{
 "name": "2017年1月31日22时",
 "date": 2017013122,
 "value": 2017013122
},
{
 "name": "2017年2月1日22时",
 "date": 2017020122,
 "value": 2017020122
},
{
 "name": "2017年2月2日22时",
 "date": 2017020222,
 "value": 2017020222
}
]
  • name：时间轴的轴点显示的内容。
  • date：作为回调ID选项使用。
  • value：对应的时间。

  1. 数据响应成功后，组件将在画布上展示对应的数据样式。

  2. 退出设置数据源页面，在时间轴组件的样式****配置面板中，单击事件节点，设置数据格式为 %Y%m%d%H ** **。

  1. 单击交互，设置回调 ID 的值为 date。

添加地图标题数据​

  1. 在应用编辑器页面，单击选中标题组件。
  2. 在右侧的数据面板中，单击配置数据源。
  3. 在设置数据源页面，选择数据源类型为数据库。

  1. 在选择已有数据源列表中，选择一个数据库。
信息

说明 如果没有可选的数据库，您可以单击新建，按照系统提示，新建一个数据库。详情请参见配置数据源。

  1. 在SQL编辑区域，输入以下SQL脚本。
select to_char(to_timestamp(cast(:date as CHAR(10)),'YYYYMMDDHH24'),'YYYY年mm月DD日HH24时')||'空气质量' as value;
  1. :date 在实际浏览时会传入回调ID对应的值。
  2. 打开底部的受控模式。
  3. 单击查看响应数据，查看数据返回结果。数据响应成功后，组件将在画布上展示对应的数据样式。

设置动态地图数据​

  1. 选中时间轴组件，右键点击，并选择底部的导出到蓝图编辑器。

  1. 点击基础平面地图组件，在右侧的配置面板中，点击等值面层子组件右侧的导出到蓝图编辑器图标。

  1. 参照添加地图数据的前5步，将 API 的 URL 链接配置为 http://127.0.0.1:8888/api?date=:data ，并打开底部的受控模式。

信息

说明 :data  为动态参数，将会在蓝图编辑器内传递具体值，参见如何在请求数据接口时传递动态参数。

  1. 点击左上角蓝图编辑器图标，进入蓝图编辑器画布页面。

  1. 将导入节点区域的时间轴、等值面层和逻辑节点区域的串行数据处理拖入画布，并按如图所示连线。

  1. 配置画布中串行数据处理内的处理方法。
    1. 单击串行数据处理逻辑节点，进入右侧配置面板，选择面板内其他配置栏下方的处理方法，单击右侧箭头打开脚本编辑区域。
    2. 在脚本编辑区域，输入代码，完成后单击右上角保存（ ）。当前处理方法的示例代码如下。
return {
  data: data.value   //等值面层将添加参数data: data.value，重新请求数据。
};
信息

说明 当时间轴滚动时(时间轴内数值变化)，触发数据请求，等值面层 API 将添加参数 data: data.value，重新请求数据。例如 data.value 为 2017020122 ，请求 API 将变为 http://127.0.0.1:8888/api?date=2017020122

最后一次更新 更新于