Skip to content

Charts Types

Color

[number, number, number, number]

DomainType

Domain types

Use dark colors for code blocksCopy
1
"codedValue" | "inherited" | "range";

ElipticArc

IArc

FeatureEditTool

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| "esriFeatureEditToolAutoCompletePolygon"
  | "esriFeatureEditToolCircle"
  | "esriFeatureEditToolDownArrow"
  | "esriFeatureEditToolEllipse"
  | "esriFeatureEditToolFreehand"
  | "esriFeatureEditToolLeftArrow"
  | "esriFeatureEditToolLine"
  | "esriFeatureEditToolNone"
  | "esriFeatureEditToolPoint"
  | "esriFeatureEditToolPolygon"
  | "esriFeatureEditToolRectangle"
  | "esriFeatureEditToolRightArrow"
  | "esriFeatureEditToolText"
  | "esriFeatureEditToolTriangle"
  | "esriFeatureEditToolUpArrow"

FieldType

Field type.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| "esriFieldTypeBigInteger"
  | "esriFieldTypeBlob"
  | "esriFieldTypeDate"
  | "esriFieldTypeDateOnly"
  | "esriFieldTypeDouble"
  | "esriFieldTypeGeometry"
  | "esriFieldTypeGlobalID"
  | "esriFieldTypeGUID"
  | "esriFieldTypeInteger"
  | "esriFieldTypeOID"
  | "esriFieldTypeRaster"
  | "esriFieldTypeSingle"
  | "esriFieldTypeSmallInteger"
  | "esriFieldTypeString"
  | "esriFieldTypeTimestampOffset"
  | "esriFieldTypeXML"

GaugeChartSubTypes

Use dark colors for code blocksCopy
1
"featureGauge" | "statisticGauge";

GeometryType

GeometryType can also be imported from the following packages:

Use dark colors for code blocksCopy
1
import { GeometryType } from "@esri/arcgis-rest-feature-layer";
Use dark colors for code blocksCopy
1
2
3
4
5
| "esriGeometryEnvelope"
  | "esriGeometryMultipoint"
  | "esriGeometryPoint"
  | "esriGeometryPolygon"
  | "esriGeometryPolyline"

GroupMembership

GroupMembership can also be imported from the following packages:

Use dark colors for code blocksCopy
1
import { GroupMembership } from "@esri/arcgis-rest-portal";
Use dark colors for code blocksCopy
1
"admin" | "member" | "none" | "owner";

ICodedValue

CodedValue type

Use dark colors for code blocksCopy
1
2
3
4
5
6
{
  /**  User-friendly name for what the code means. */
  name: string;
  /**  The value stored in the feature attribute. */
  code: number | string;
}

IDomain

Information for a field with a domain

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
  /** A string defining the domain type. */
  type: DomainType;
  /** A string defining the field name. */
  name?: string;
  /** A 2 element array defining the range of possible values. */
  range?: [number, number];
  /** An array of CodedValues for domains of type codedValue. */
  codedValues?: ICodedValue[];
  /** Description of the domain */
  description?: string;
  /** Merge policy */
  mergePolicy?: string;
  /** Split Policy */
  splitPolicy?: string;
}

IRendererSymbol

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
ISymbol & {
  style?: SimpleFillSymbolStyle | SimpleLineSymbolStyle | SimpleMarkerSymbolStyle;
  color: Color;
  outline?: ISimpleLineSymbol;
  label?: string;
  uniqueValue?: string;
}

JsonCurve

Use dark colors for code blocksCopy
1
IArc | IBezierCurve | ICircularArc | IOldCircularArc;

OverlayTerms

Use dark colors for code blocksCopy
1
"Mean" | "Median" | "Standard Deviation" | "Normal Distribution" | "Trendline";

Position

Use dark colors for code blocksCopy
1
Position2D | [number, number, number, number] | [number, number, number];

Position2D

[number, number]

RESTFieldType

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
"esriFieldTypeBlob" |
  "esriFieldTypeDate" |
  "esriFieldTypeDateOnly" |
  "esriFieldTypeTimestampOffset" |
  "esriFieldTypeDouble" |
  "esriFieldTypeGeometry" |
  "esriFieldTypeGlobalID" |
  "esriFieldTypeGUID" |
  "esriFieldTypeInteger" |
  "esriFieldTypeSmallInteger" |
  "esriFieldTypeBigInteger" |
  "esriFieldTypeOID" |
  "esriFieldTypeRaster" |
  "esriFieldTypeSingle" |
  "esriFieldTypeString" |
  "esriFieldTypeXML";

RESTFontDecoration

Use dark colors for code blocksCopy
1
"line-through" | "underline" | "none";

RESTFontStyle

Use dark colors for code blocksCopy
1
"italic" | "normal" | "oblique";

RESTFontWeight

Use dark colors for code blocksCopy
1
"bold" | "bolder" | "lighter" | "normal";

RESTHorizontalAlignment

Use dark colors for code blocksCopy
1
"left" | "right" | "center" | "justify";

RESTRendererType

Use dark colors for code blocksCopy
1
"unique-value" | "simple" | "class-breaks" | "heatmap" | "dot-density" | "dictionary" | "pie-chart";

RESTSimpleFillSymbolStyle

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
"esriSFSBackwardDiagonal" |
  "esriSFSCross" |
  "esriSFSDiagonalCross" |
  "esriSFSForwardDiagonal" |
  "esriSFSHorizontal" |
  "esriSFSNull" |
  "esriSFSSolid" |
  "esriSFSVertical";

RESTSimpleLineSymbolStyle

Use dark colors for code blocksCopy
1
"esriSLSDash" | "esriSLSDashDot" | "esriSLSDashDotDot" | "esriSLSDot" | "esriSLSNull" | "esriSLSSolid";

RESTSimpleMarkerSymbolStyle

Use dark colors for code blocksCopy
1
"esriSMSCircle" | "esriSMSCross" | "esriSMSDiamond" | "esriSMSSquare" | "esriSMSX" | "esriSMSTriangle";

RESTSymbolType

Use dark colors for code blocksCopy
1
"esriSLS" | "esriSMS" | "esriSFS" | "esriPMS" | "esriPFS" | "esriTS";

RESTUnits

Use dark colors for code blocksCopy
1
"feet" | "miles" | "nautical-miles" | "us-nautical-miles" | "meters" | "kilometers";

RESTVerticalAlignment

Use dark colors for code blocksCopy
1
"baseline" | "top" | "middle" | "bottom";

SimpleFillSymbolStyle

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
| "esriSFSBackwardDiagonal"
  | "esriSFSCross"
  | "esriSFSDiagonalCross"
  | "esriSFSForwardDiagonal"
  | "esriSFSHorizontal"
  | "esriSFSNull"
  | "esriSFSSolid"
  | "esriSFSVertical"

SimpleLineSymbolStyle

Use dark colors for code blocksCopy
1
2
3
4
5
6
| "esriSLSDash"
  | "esriSLSDashDot"
  | "esriSLSDashDotDot"
  | "esriSLSDot"
  | "esriSLSNull"
  | "esriSLSSolid"

SimpleMarkerSymbolStyle

Use dark colors for code blocksCopy
1
2
3
4
5
6
| "esriSMSCircle"
  | "esriSMSCross"
  | "esriSMSDiamond"
  | "esriSMSSquare"
  | "esriSMSTriangle"
  | "esriSMSX"

SizePolicyScaleTypes

Use dark colors for code blocksCopy
1
"linear" | "logarithmic";

SpatialRelationship

The spatial relationship used to compare input geometries

SpatialRelationship can also be imported from the following packages:

Use dark colors for code blocksCopy
1
import { SpatialRelationship } from "@esri/arcgis-rest-feature-layer";
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
| "esriSpatialRelContains"
  | "esriSpatialRelCrosses"
  | "esriSpatialRelEnvelopeIntersects"
  | "esriSpatialRelIndexIntersects"
  | "esriSpatialRelIntersects"
  | "esriSpatialRelOverlaps"
  | "esriSpatialRelTouches"
  | "esriSpatialRelWithin"

SupportedLayer

Supported layer type for ArcGIS charts.

Use dark colors for code blocksCopy
1
FeatureLayer | SubtypeSublayer;

SymbolType

Use dark colors for code blocksCopy
1
"esriPFS" | "esriPMS" | "esriSFS" | "esriSLS" | "esriSMS" | "esriTS";

Units

Units can also be imported from the following packages:

Use dark colors for code blocksCopy
1
import { Units } from "@esri/arcgis-rest-feature-layer";
Use dark colors for code blocksCopy
1
2
3
4
5
6
| "esriSRUnit_Foot"
  | "esriSRUnit_Kilometer"
  | "esriSRUnit_Meter"
  | "esriSRUnit_NauticalMile"
  | "esriSRUnit_StatuteMile"
  | "esriSRUnit_USNauticalMile"

WebChartAxisTypes

Use dark colors for code blocksCopy
1
"value" | "date" | "category";

WebChartBoxPlotMultipleSeriesKinds

Use dark colors for code blocksCopy
1
"sideBySide" | "meanLines";

WebChartCalendarBinningOffsetUnits

Use dark colors for code blocksCopy
1
"seconds" | "minutes" | "hours" | "days";

WebChartCalendarDatePartsUnits

Use dark colors for code blocksCopy
1
"dayOfMonth" | "dayOfWeek" | "dayOfYear" | "hourOfDay" | "monthOfYear" | "minuteOfDay" | "weekOfYear" | "quarterOfYear";

WebChartColoringPatterns

Use dark colors for code blocksCopy
1
"singleColor" | "colorMatch";

WebChartDataFilters

JSON representation of filters applied to the data

Use dark colors for code blocksCopy
1
2
3
4
Pick<
  WebChartQuery,
  "distance" | "gdbVersion" | "geometry" | "objectIds" | "spatialRelationship" | "timeExtent" | "units" | "where"
>;

WebChartDataItem

JSON representation of a typical data item

Record<string, WebChartDataItemValue>

WebChartDataItemColor

Use dark colors for code blocksCopy
1
Color | RGBArray | RGBObject | string;

WebChartDataItemValue

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
| Date
  | IExtent
  | IRendererSymbol
  | number[]
  | string[]
  | WebChartDataItem[]
  | WebChartDataItemColor
  | boolean
  | number
  | string
  | null
  | undefined

WebChartDataTransformations

Use dark colors for code blocksCopy
1
"none" | "logarithmic" | "squareRoot";

WebChartDataTypes

Use dark colors for code blocksCopy
1
2
3
4
| WebChartBoxPlotDataItem
  | WebChartGenericDataItem
  | WebChartHistogramDataItem
  | WebChartScatterplotDataItem

WebChartHeatChartHeatRulesTypes

Use dark colors for code blocksCopy
1
"gradient";

WebChartLabelBehavior

Use dark colors for code blocksCopy
1
"hide" | "rotate" | "stagger" | "wrap";

WebChartLegendPositions

Use dark colors for code blocksCopy
1
"left" | "right" | "top" | "bottom";

WebChartLineSmoothedKinds

Use dark colors for code blocksCopy
1
"bezier" | "monotoneX" | "monotoneY";

WebChartNullPolicyTypes

Use dark colors for code blocksCopy
1
"null" | "zero" | "interpolate";

WebChartOrderDataByTypes

Use dark colors for code blocksCopy
1
"arcgis-charts-y-value" | "arcgis-charts-mean" | "arcgis-charts-median" | "arcgis-charts-category";

WebChartRadarChartAxisLabelsOrientation

Use dark colors for code blocksCopy
1
"radial" | "circular" | "horizontal";

WebChartRadarChartSeries

WebChartLineChartSeries<"radarSeries">

WebChartSeriesQuery

Subset of the WebChartQuery, used at the series level

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
Omit<
  WebChartQuery,
  | "distance"
  | "gdbVersion"
  | "geometry"
  | "num"
  | "objectIds"
  | "orderByFields"
  | "spatialRelationship"
  | "start"
  | "timeExtent"
  | "units"
>;

WebChartSeriesType

Type containing all the series types available

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
| WebChartBarChartSeries
  | WebChartBoxPlotSeries
  | WebChartGaugeSeries
  | WebChartHeatChartSeries
  | WebChartHistogramSeries
  | WebChartLineChartSeries
  | WebChartPieChartSeries
  | WebChartRadarChartSeries
  | WebChartScatterplotSeries

WebChartSortOrderKinds

Use dark colors for code blocksCopy
1
"ASC" | "DESC";

WebChartStackedKinds

Use dark colors for code blocksCopy
1
"sideBySide" | "stacked" | "stacked100";

WebChartStatisticType

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
"count" |
  "sum" |
  "min" |
  "max" |
  "avg" |
  "stddev" |
  "var" |
  "percentile-continuous" |
  "percentile-discrete" |
  "envelope-aggregate" |
  "centroid-aggregate" |
  "convex-hull-aggregate" |
  "no_aggregation";

WebChartTemporalBinningUnits

Use dark colors for code blocksCopy
1
"seconds" | "minutes" | "hours" | "days" | "weeks" | "months" | "quarters" | "years";

WebChartTextSymbol

Represents a text symbol.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Omit<ITextSymbol, "angle" | "style" | "xoffset" | "yoffset"> & {
  /**
   * Horizontal offset. Can be a number for a fixed value in pixels, or a string as "25%" for a value
   * relative to the label's container width.
   */
  xoffset?: number | string;
  /**
   * Horizontal offset. Can be a number for a fixed value in pixels, or a string as "25%" for a value
   * relative to the label's container height.
   */
  yoffset?: number | string;
  /**
   * Rotation of the label
   */
  angle?: number;
  /**
   * Label style
   */
  style?: string;
}

WebChartTimeAggregationTypes

Use dark colors for code blocksCopy
1
"equalIntervalsFromStartTime" | "equalIntervalsFromEndTime";

WebChartTypes

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
"chart" |
  "chartText" |
  "chartOverlay" |
  "chartOverlays" |
  "chartLegend" |
  "cursorCrosshair" |
  "chartAxis" |
  "gaugeAxisTick" |
  "gaugeNeedle" |
  "category" |
  "number" |
  "date" |
  "chartGuide" |
  "scatterSeries" |
  "pieSeries" |
  "pieTick" |
  "gaugeSeries" |
  "lineSeries" |
  "barSeries" |
  "histogramSeries" |
  "boxPlotSeries" |
  "radarSeries" |
  "comboLineAndBarSeries" |
  "heatSeries" |
  "buffer" |
  "sizeScale" |
  "calendarDateParts";

WebChartVersionStatus

Use dark colors for code blocksCopy
1
"same" | "newer" | "older" | "unrecognized";

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.