SimpleLineSymbol is used for rendering 2D polyline geometries in a 2D MapView. SimpleLineSymbol is also used for rendering outlines for marker symbols and fill symbols.
SimpleLineSymbol may also be used to symbolize 2D polyline features in a SceneView. However, it is recommended you use LineSymbol3D instead.
The image below depicts a FeatureLayer whose graphics are styled with SimpleLineSymbols.
// this symbol can be used to visualize polyline
// features or the outline of a fill symbol
var symbol = new SimpleLineSymbol({
  color: "lightblue",
  width: "2px",
  style: "short-dot"
});Constructors
new SimpleLineSymbol(properties)
properties Object See the properties for a list of all the properties that may be passed into the constructor.  | 
Property Overview
| Name | Type | Summary | |
|---|---|---|---|
| String | Specifies the cap style. more details | more details | |
| Color | The color of the symbol. more details | more details | |
| String | The name of the class. more details | more details | |
| String | Specifies the join style. more details | more details | |
| Number | Size threshold for showing mitered line joins. more details | more details | |
| String | Specifies the line style. more details | more details | |
| String | For SimpleLineSymbol, the type is always   | more details | |
| Number | The width of the symbol in points. more details | more details | |
Property Details
capString
Specifies the cap style. The cap is the end of a line segment.
Known Values: butt | round | square
Known Limitations
- This property is not supported in 3D SceneViews.
 - This property does not persist when applied to a symbol used in a layer saved to a web map or portal item. See the web map specification for more details about properties that persist when a SimpleLineSymbol is saved to an ArcGIS Online or Portal item.
 
Default Value: buttExample:symbol.cap = "round";The color of the symbol. This can be autocast with a named string; hex string; array of rgb or rgba values; an object with
r,g,b, andaproperties; or a Color object.Default Value: "black"Examples:// CSS color string symbol.color = "dodgerblue";// HEX string symbol.color = "#33cc33";// array of RGBA values symbol.color = [51, 204, 51, 0.3];// object with rgba properties symbol.color = { r: 51, g: 51, b: 204, a: 0.7 };declaredClassStringreadonly
The name of the class. The declared class name is formatted as
esri.folder.className.joinString
Specifies the join style.
Known Values: miter | round | bevel
Known Limitations
This property is not supported in 3D SceneViews.
Default Value: miterExample:symbol.join = "bevel";Size threshold for showing mitered line joins. This value may be autocast with a string expressing size in points or pixels (e.g.
12px).Known Limitations
This property is not supported in 3D SceneViews.
Default Value: 0.75Examples:// miterLimit in points symbol.miterLimit = 4;// miterLimit in pixels symbol.miterLimit = "2px";// miterLimit in points symbol.miterLimit = "4pt";styleString
Specifies the line style. Valid values are listed in the table below:
Value Description dash 
dash-dot 
dot 
long-dash 
long-dash-dot 
long-dash-dot-dot 
none The line has no symbol. short-dash 
short-dash-dot 
short-dash-dot-dot 
short-dot 
solid 
Known Limitations
This property is not supported in 3D SceneViews.
Default Value: solidExample:symbol.style = "short-dash-dot";typeStringreadonly
For SimpleLineSymbol, the type is always
simple-line-symbol.The width of the symbol in points. This value may be autocast with a string expressing size in points or pixels (e.g.
12px).Default Value: 0.75Examples:// width in points symbol.width = 4;// width in pixels symbol.width = "2px";// width in points symbol.width = "4pt";
Method Overview
| Name | Return Type | Summary | |
|---|---|---|---|
| SimpleLineSymbol | Creates a deep clone of the symbol. more details | more details | |
| * | Creates a new instance of this class and initializes it with values from a JSON object generated from a product in the ArcGIS platform. more details | more details | |
| Object | Converts an instance of this class to its ArcGIS Portal JSON representation. more details | more details | |
Method Details
clone(){SimpleLineSymbol}
Creates a deep clone of the symbol.
Returns:Type Description SimpleLineSymbol A deep clone of the object that invoked this method. Example:// Creates a deep clone of the graphic's symbol var symLyr = graphic.symbol.clone();fromJSON(json){*}static
Creates a new instance of this class and initializes it with values from a JSON object generated from a product in the ArcGIS platform. The object passed into the input
jsonparameter often comes from a response to a query operation in the REST API or a toJSON() method from another ArcGIS product. See the Using fromJSON() topic in the Guide for details and examples of when and how to use this function.Parameter:json ObjectA JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
Returns:Type Description * Returns a new instance of this class. Converts an instance of this class to its ArcGIS Portal JSON representation. See the Using fromJSON() topic in the Guide for more information.
Returns:Type Description Object The ArcGIS Portal JSON representation of an instance of this class. 
