插入图表、表格和度量

可以使用图表、表格和汇总统计数据来创建数据可视化。 上述类型的可视化对于显示关键统计数据和趋势非常有用。 倡议和站点团队成员可以使用私有和公共数据集来创建数据可视化。 仅与其共享数据的用户在登录 ArcGIS Hub 后才能查看图表或统计数据。

要开始执行操作,请登录到 ArcGIS Hub 并选择概览页面上的站点以查看站点列表。 如果您的组织具有 ArcGIS Hub Premium 许可,则可以在概览页面的倡议下找到列出的站点。

提示:

在浏览器中查看站点时,也可以对其进行编辑。 确保您已登录到 ArcGIS Hub,然后在站点左侧找到编辑按钮。

创建表

使用文本卡片在表中组织信息。

提示:

如果要使用 HTML 创建表,请使用文本卡片选项上的代码视图以插入代码。

  1. 文本卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后选择设置按钮以切换到编辑模式。
  3. 选择表格选项。
  4. 选择每行和每列所需的单元格数。
  5. 设置表格的大小后,请单击以插入表格。 通过单击单元格内部,然后选择插入或删除行或列按钮,可以添加或移除行或列。 选择删除按钮可移除整个表格。

    提示:

    要添加标题,请选择表格顶行,然后选择切换表格标题按钮。 标题可方便使用辅助技术的用户导航表格的内容。

  6. 选择保存

显示关键度量

使用汇总统计数据卡片可显示关键性能指标等。 可以将卡片配置为使用动态或静态值。 可以通过数据集查询来生成动态值,更新数据集时将自动对其进行更新。 将手动输入并更新静态值。 仅与其共享汇总统计数据的人员才能查看该统计数据。

  1. 汇总统计数据卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后选择编辑按钮。 对于“类型”,选择动态静态
  3. 对于动态卡片,请选择选择内容,选择一个数据集,然后选择添加。选择图层/表格,对于属性,请从数据集中选择一个字段。
  4. 对于聚合,请选择要针对所选字段执行的操作类型。
    • 对于文本和日期字段,选择计数、最小值或最大值。
    • 对于数值字段,选择计数、最小值、最大值、总和、平均标准差或方差。
  5. 要添加附加(可选)过滤器,请打开属性过滤器;选择属性、过滤器类型和参数(将根据字段类型而有所不同)。 要删除过滤器,请选择更多操作按钮 更多操作
  6. 对于静态卡片,键入显示值
  7. 如有必要,请打开格式化;键入要显示的单位并选择其位置。
  8. 高级配置(仅限动态)下,根据需要设置服务器超时期限(以允许较大或较慢的服务有更多时间进行响应)。
  9. 详细信息下,根据需要输入标题副标题尾随文本。 要提供统计数据的数据集链接,请打开显示源链接(仅限动态)。 在实时站点上,此链接将转至项目详细信息页面作为预览页面。

    提示:
    如果显示尾随文本,请确保其文本颜色与行的背景色形成对比。

  10. 外观下,为统计数据选择对齐类型和文本颜色。
  11. 共享下,可以启用共享(用户可以在此页面上复制并共享此卡片的直接链接)。 启用共享后,可以将“共享”按钮设置为仅在悬停时显示,或者始终可见。
  12. 选择保存

条形图

使用图表卡片并创建条形图来汇总并比较分类数据。

  1. 图表卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 默认情况下,条形图处于选中状态。
  4. 单击添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 对于选择类别属性,从数据中选择主要图表项目。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  7. 或者,在选择值属性中选择作为类别属性值度量的数值字段。 选中后,该字段的默认统计运算为总和。 可以使用选择值属性选择器右侧的下拉菜单来更改统计运算设置。 值属性支持最小值最大值总和平均值计数。 通过选择计数,取消选中值属性(因为不需要额外的字段来计数类别属性)。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  8. 单击选项菜单以使用以下设置来自定义图表的显示:
    • 排序选项使您可以选择属性数据的显示方式。 选择一个属性,然后单击属性旁边的排序按钮以按升序或降序显示数据。
    • 高度 (px) 文本字段中设置图表的高度值(像素)。
    • 单击图表标题旁边的切换按钮,以选择显示图表的标题。 如果显示标题,请在相应的文本字段中输入名称,然后选择对齐方式。
    • 通过输入颜色代码来设置主图表颜色,或单击颜色选取器选择颜色。
    • 类别标注值标注字段中输入文本。
  9. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  10. 单击保存

饼图

使用图表卡并创建饼图来说明各个部分与整个集合的关系。 如果数据中仅包含少量类别,则可以使用饼图。

  1. 图表卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 单击圆形饼图按钮以选择饼图。
  4. 单击添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 对于选择类别属性,从数据中选择主要图表项目。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  7. 或者,在选择值属性中选择作为类别属性值度量的数值字段。 选中后,该字段的默认统计运算为总和。 您可以单击选择值属性选择器右侧的下拉箭头更改统计运算设置。 值属性支持最小值最大值总和平均值计数。 通过选择计数,取消选中值属性(因为不需要额外的字段来计数类别属性)。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  8. 单击选项菜单以使用以下设置来自定义图表的显示:
    • 排序选项使您可以选择属性数据的显示方式。 选择一个属性,然后单击属性旁边的排序按钮以按升序或降序显示数据。
    • 高度 (px) 文本字段中设置图表的高度值(像素)。
    • 单击图表标题旁边的切换按钮,以选择显示图表的标题。 如果显示标题,请在相应的文本字段中输入名称,然后选择对齐方式。
    • 为工具提示中的每个扇形标注设置类别标注文本,为工具提示中的度量标注设置值标注文本。
  9. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  10. 单击保存

折线图

使用图表卡片并创建折线图来显示随着时间或距离等连续范围发生的变化。

  1. 图表卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 单击折线图按钮以选择折线图。
  4. 单击添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 对于选择类别属性,从数据中选择主要图表项目。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  7. 或者,在选择值属性中选择作为类别属性值度量的数值字段。 选中后,该字段的默认统计运算为总和。 您可以单击选择值属性选择器右侧的下拉箭头更改统计运算设置。 值属性支持最小值最大值总和平均值计数。 通过选择计数,取消选中值属性(因为不需要额外的字段来计数类别属性)。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  8. 单击选项菜单以使用以下设置来自定义图表的显示:
    • 排序选项使您可以选择属性数据的显示方式。 选择一个属性,然后单击属性旁边的排序按钮以按升序或降序显示数据。
    • 高度 (px) 文本字段中设置图表的高度值(像素)。
    • 单击图表标题旁边的切换按钮,以选择显示图表的标题。 如果显示标题,请在相应的文本字段中输入名称,然后选择对齐方式。
    • 通过输入颜色代码来设置主图表颜色,或单击颜色选取器选择颜色。
    • 为工具提示中的每个点设置类别标注文本,为工具提示中的度量标注设置值标注文本。
  9. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  10. 单击保存

散点图

使用图表卡片并创建散点图来显示两个数值变量之间的关系。 在 x 轴上显示一个变量,在 y 轴上显示另一个变量。

  1. 图表卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 单击散点图按钮选择折线图。
  4. 单击添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 对于选择 X 轴属性,从数据中选择主要图表项目。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  7. 选择 Y 轴属性字段选择一个属性。 选择作为类别属性值度量的数值字段。

    数字和字符串字段可在图表中使用。 默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数。

  8. 单击选项菜单以使用以下设置来自定义图表的显示:
    • 排序选项使您可以选择属性数据的显示方式。 选择一个属性,然后单击属性旁边的排序按钮以按升序或降序显示数据。
    • 高度 (px) 文本字段中设置图表的高度值(像素)。
    • 单击图表标题旁边的切换按钮,以选择显示图表的标题。 如果显示标题,请在相应的文本字段中输入名称,然后选择对齐方式。
    • 通过输入颜色代码来设置主图表颜色,或单击颜色选取器选择颜色。
    • 设置要在图表中显示的 X 轴标注Y 轴标注的标注。
  9. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  10. 单击保存

JSON 图表

使用图表卡片,并使用特定图表规范创建带有 JSON 的自定义图表。

  1. 图表卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 选择 JSON 切片。
  4. JSON 图表规范字段中输入 JSON。
  5. 或者,可以在选项部分中启用/禁用和自定义图表标题高度(以像素为单位)设置。
  6. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  7. 单击保存

数据集

数据集数组可以指定 ArcGIS 要素服务 URL 和查询参数。 有关查询参数的详细信息,请参阅 REST API 文档。

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

系列

系列数组用于指定服务响应中字段之间的映射以及图表的视觉特性(x,y 轴、散点图的颜色和大小以及饼图的半径)。

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

覆盖

覆盖属性用于指定整个图表的视觉覆盖,例如颜色或位置。

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

规范

规范属性用于输入完全自定义图表的完整 Cedar 规范。 查看现有图表规范的示例

条形图示例

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

水平条形图示例

{
  "type": "bar-horizontal",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ],
  "overrides": {
    "categoryAxis": {
      "labelRotation": -45
    }
  }
}

已分组条形图示例

注:
每个系列将匹配一个群组。
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

散点图示例

{
  "type": "scatter",
  "datasets": [ {
    "url": "https://services1.arcgis.com/bqfNVPUK3HOnCFmA/arcgis/rest/services/Demographics_(Median_Household_Income)/FeatureServer/0"
  }],
  "series": [
    {
      "category": {"field": "TotalPop2015", "label": "Population"},
      "value": {"field": "MedianHHIncome2015", "label": "Median Median Household Income"}
    }
  ]
}

气泡散点图示例

{
  "type": "scatter",
  "datasets": [
    {
      "url":"https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0"
    }
  ],
  "series": [
    {
        "category": {"field": "Number_of", "label": "Number of Teachers"},
        "value": {"field": "F_of_teach", "label": "Fraction of Teachers"},
        "size": {"field": "Not_Taught", "label": "Number not Taught"}
      }
  ]
}

时间表示例

注:
类别必须为日期时间字段。

 {
  "type": "timeline",
  "datasets": [
    {
      "url": "https://services.arcgis.com/bkrWlSKcjUDFDtgw/arcgis/rest/services/DC_Crashes/FeatureServer/0",
      "query": {
        "where": "REPORTDATE > '2008-10-01' AND REPORTDATE < '2008-11-01'",
        "orderByFields": "REPORTDATE ASC",
        "sqlFormat": "standard"
      }
    }
  ],
  "series": [
    {
      "category": {
        "field": "REPORTDATE",
        "label": "Date"
      },
      "value": {
        "field": "MAJORINJURIES",
        "label": "Major Injuries"
      }
    }
  ]
}