本文介绍了旧表格组件和部分图表组件(包含柱状图、柱状图、折线图、饼图)与更新后图表组件(表格、折线图、柱状图/堆积柱状图、条形图/堆积条形图、饼图/环形图)支持的数据源区别。

物联网应用开发(IoT Studio)2020年2月更新了图表组件,主要组件有表格、折线图、柱状图(堆积柱状图)、条形图(堆积条形图)和饼图(环形图),且更新的图表组件支持了BI组件的拖拽操作。更新的图表组件的详细配置操作请参见表格折线图柱状图条形图饼图

新旧图表组件的数据源区别是:数据源格式不同,引起数据展示的配置方法不同。

  • 旧表格组件和部分图表组件支持的数据源格式:纯数组的数据源。
    [
      [1,11,111],
      [2,22,222],
      [3,33,333],
      [4,44,444],
      [5,55,555]
    ]

    需先配置数据源后,才能在样式配置下,配置系列名称。组件会解析数据的列数,展示对应的配置面板。例如以下表格组件:

    旧组件的数据源配置
  • 新图表组件支持的数据源格式:Key+Value的数据表,即{"Key1": "Value1", "Key2": "Value2", ...}

    Key值对应字段名称,Value对应字段的值。

    {
      "data": [
        {
          "month": "Jan",
          "sales": 300,
          "cost": 150
        },
        {
          "month": "Feb",
          "sales": 100,
          "cost": 50
        },
        {
          "month": "Mar",
          "sales": 200,
          "cost": 100
        }
      ]
    }

    配置数据源后,组件会解析数据的Key字段到数据展示配置面板的维度度量中,可通过拖拽的方式完成数据展示配置。例如以下新表格组件:

    数据展示配置