插入表、指标和图表—ArcGIS Hub

可以使用表格、汇总统计数据来创建数据可视化，也称为指标和图表。上述类型的可视化对于显示站点和页面上的关键统计数据和趋势非常有用。站点所有者和编辑群组成员可以使用私有和公共数据集来创建数据可视化。仅与其共享数据的用户在登录到站点或页面后才能查看图表或统计数据。

创建表

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

提示：

要使用 HTML 创建表，请选择文本卡片上的 </> 以 HTML 格式编辑。

要创建表，请完成以下步骤：

编辑站点或页面布局。
在自定义面板中，选择布局。
将文本卡片拖动到现有行中。
选择表格选项。
选择每行和每列所需的单元格数，然后单击以插入表格。
要添加或移除行或列，选择一个单元格，然后选择插入或删除行或列按钮。单击删除按钮可移除整个表格。
提示：
要添加标题，请选择表格顶行，然后选择切换表格标题按钮。标题可方便使用辅助技术的用户导航表格的内容。
单击保存布局。

显示汇总指标

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

要显示汇总指标，请完成以下步骤：

编辑站点或页面布局。
在自定义面板中，选择布局。
将汇总统计数据卡片拖动到现有行中。
对于类型，选择动态或静态。
对于动态卡片，请选择选择内容，选择一个数据集，然后依次选择添加及图层/表格。对于属性，请从数据集中选择一个字段。
对于聚合，请选择要针对所选字段执行的操作类型，如下所示：
- 对于文本和日期字段，选择计数、最小值或最大值。
- 对于数值字段，选择计数、最小值、最大值、总和、平均标准差或方差。
或者，要添加附加过滤器，请打开属性过滤器；选择属性、过滤器类型和参数将根据字段类型而有所不同。要删除过滤器，请选择更多操作按钮。
对于静态卡片，输入显示值的具体值。
如有必要，请打开格式化，输入要显示的单位并选择其位置。
对于依赖于较大或较慢服务的动态摘要统计数据，请在高级配置下设置服务器超时期限，以便在需要时留出更多时间进行响应。
在详细信息下，根据需要输入标题、副标题和尾随文本。要提供统计数据的数据集链接，请打开显示源链接（仅限动态）。在实时站点上，此链接将转至项目详细信息页面作为预览页面。
提示：
如果显示尾随文本，请确保其文本颜色与行的背景色形成对比。
在外观下，选择统计数据的对齐类型和文本颜色。
在共享下，可以启用共享，以便用户可以在此页面上复制并共享此卡片的直接链接。启用共享后，可以将共享按钮设置为仅在悬停时显示，或者始终可见。
单击保存布局。

显示折线图、条形图、饼图或散点图

使用图表卡片创建和显示各种类型的图表。使用条形图汇总并比较分类数据。使用折线图来可视化随着时间或距离等连续范围发生的变化。当数据中只有少量类别时，使用饼图来说明单个部分与整个集合的关系。使用散点图显示两个数字变量之间的关系；在 x 轴上显示一个数字变量并在 y 轴上显示另一个数字变量。

要显示其中一个图表，请完成以下步骤：

编辑站点或页面布局。
在自定义面板中，选择布局。
将图表卡片拖动到现有行中。
选择图表类型值（默认情况下选择条形图）。
选择查找项目。
从可用的数据服务中选择一个项目，然后选择一个图层或表（如果需要）。
单击保存。
对于选择类别属性，从数据中选择主要图表项目。
数字和字符串字段可在图表中使用。默认情况下，当您选中某一类别属性时，生成的图表将成为此属性的计数。
（可选）在选择值属性中，选择作为类别属性值度量的数值字段。
该字段的默认统计运算为总和。您可以使用选择值属性下的下拉菜单更改操作。值属性支持最小值、最大值、总和、平均值和计数。如果选择计数，取消选中值属性（因为不需要额外的字段来计数类别属性）。
数字和字符串字段可在图表中使用。默认情况下，当您选中某一类别属性时，生成的图表将成为此属性的计数。
打开选项菜单以使用以下设置来自定义图表的显示：
- 排序 - 选择属性数据的显示方式。选择一个属性，然后单击属性旁边的排序按钮以按升序或降序显示数据。
- 高度 (px) - 设置图表的高度值（像素）。
- 图表标题 - 提供图表的标题。如果显示标题，请提供名称并选择对齐方式。
- 主图表颜色 - 输入颜色代码或使用颜色选取器选择颜色。
- 条形图 - 输入类别标注和值标注值。
- 折线图 - 输入各点的类别标注值和指标的值标注值（显示在工具提示中）。
- 饼图 - 输入各饼图楔形的类别标注值和指标的值标注值（显示在工具提示中）。
- 散点图 - 输入要在图表上显示的 X 轴标注和 Y 轴标注值。
将服务器连接超时（秒）设置得更高（对于大型服务）可以允许服务有更多时间进行响应。
单击保存布局。

显示 JSON 图表

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

要显示 JSON 图表，请完成以下步骤：

编辑站点或页面布局。
在自定义面板中，选择布局。
将图表卡片拖动到现有行中。
选择 JSON 图表。
在 JSON 图表定义字段中输入 JSON。
（可选）在选项部分中，启用/禁用和自定义图表标题和高度（以像素为单位）设置。
将服务器连接超时（秒）设置得更高（对于大型服务）可以允许服务有更多时间进行响应。
单击保存布局。

数据集

数据集数组可以指定 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"
      }
    }
  ]
}

创建表

提示：

提示：