Skip To Content

插入图表、表格和度量

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

要开始执行操作,请登录到 Portal for ArcGIS 并单击概览页面上的站点以查看站点列表。

提示:

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

创建表

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

提示:

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

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

    提示:

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

  6. 单击保存

显示关键度量

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

  1. 汇总统计数据卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后单击设置按钮切换到编辑模式。
  3. 单击添加数据并选择数据集。 编辑站点时,统计数据下方的源链接将链接到数据集预览页面的项目详细信息页面。
  4. 对于统计字段,从选定的数据集中选择一个字段。
  5. 对于统计类型,选择要针对所选字段执行的操作类型。
    • 对于文本和日期字段,可以在计数、最小值和最大值之间进行选择。
    • 对于数值字段,可以在计数、总和、最小值、最大值、平均标准差和方差之间进行选择。
  6. 通过从选择属性下拉菜单中选择属性,可以选择向统计数据添加过滤器。
    1. 选择适用于过滤器的属性。
    2. 单击添加
    3. 选择新的属性框以显示过滤器输入。 输入框将根据字段类型的不同而变化。
    4. 输入所需过滤器。
    5. 单击过滤器框外部或者按 Enter 键。
  7. 标题文本框中,输入标题。
  8. 或者,在尾随文本中输入文本以提供统计数据的数据集链接,然后文本的强调颜色设置。

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

  9. 服务器连接超时(秒)设置得更高(对于大型服务)可以允许服务有更多时间进行响应。
  10. 单击保存

自定义统计数据外观

您可以使用汇总统计数据卡片来自定义指标的外观。

  1. 汇总统计数据卡片配置完成后,单击侧面板中统计数据设置下的外观菜单。
  2. 可以选择为统计数据插入标题。 您可以使用此选项来明确定义您的统计量度。
  3. 将文本添加到尾随文字字段以提供有关统计数据的其他信息(例如与统计数据源或配置相关的详细信息)。
  4. 调整强调颜色将仅更改指标颜色。 选择一种可以与行背景颜色形成鲜明对比的颜色。

条形图

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

  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"
      }
    }
  ]
}