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

物联网应用开发（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字段到数据展示配置面板的维度或度量中，可通过拖拽的方式完成数据展示配置。例如以下新表格组件：

    数据展示配置