本文档为您介绍在DataV大屏项目中,为组件添加数据的方法。

添加地图数据

  1. 在大屏上,单击地图组件,打开地图编辑菜单。
  2. 单击数据,打开数据标签页。
  3. 子组件管理中,单击等值面层,打开等值面数据编辑页面。

    本示例的数据区域是全国范围,裁剪面的数据可以保持不变。您也可以根据需要修改裁剪面数据。

  4. 单击 插值点数据,打开插值点数据编辑页面。
  5. 设置数据配置信息。
    • 数据源类型:由于处理接口章节已经写好了对应的API,也已经测试了数据获取。所以修改等值面组件的插值点的数据源类型为API。
    • URL:填写前面接口测试的地址(这里测试http://127.0.0.1:8888/aqi?date=2017012722)。
  6. 单击查看数据响应结果,可以看到已经得到了正确的响应结果并匹配成功。
  7. 设置等值面层组件的样式。
    1. 单击配置,打开等值面层的样式菜单。
    2. 设置像元大小,推荐设置为3
      像元大小越大插值越快,精度越低。
      设置像元大小
    3. 设置渲染方式,推荐设置为线性渲染
      设置渲染方式
    4. 设置分类数目,推荐设置为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:对应的时间。
  5. 设置时间轴的样式。
    1. 单击配置,回到样式菜单。
    2. 单击事件节点,设置数据格式%Y%m%d%H
      配置数据格式
    3. 单击交互,设置回调ID的值为data
      配置回调ID值

添加地图标题数据

  1. 在大屏上,单击标题组件,打开标题编辑菜单。
  2. 单击数据,打开数据标签页。
  3. 单击配置数据源进入设置数据源界面,设置数据源类型数据库
    配置数据源
  4. 选择数据库列表中,选择一个数据库。

    如果没有可选的数据库,您可以单击新建,按照系统提示,新建一个数据库。更多新建数据库的内容,参见配置数据源

  5. 手动输入以下命令到SQL区域。
    select to_char(to_timestamp(:date,'YYYYMMDDHH24'),'YYYY年mm月DD日HH24时')||'空气质量' as value;

    :date:在实际浏览时会传入回调ID对应的值。