<String > axisFontColor |
Required |
The Hexadecimal font color of the chart axis. |
<Number > axisLabelFontSize |
Required |
Font size of the labels along the chart axis. |
<String > axisMajorTickColor |
Required |
The Hexadecimal font color of the chart's tick marks. |
<Number > axisTitleFontSize |
Required |
Font size of the title along the chart axis. |
<String > busyIndicatorBackgroundColor |
Required |
The background color used for the busy indicator. |
<Number > busyIndicatorBackgroundOpacity |
Required |
The transparency value of the busy indicator. |
<Number > busyIndicatorFadeDuration |
Required |
The fade duration value of the busy indicator. |
<String > busyIndicatorImageUrl |
Required |
Url of the image used to display a busy indicator. |
<Number > chartTitleFontSize |
Required |
Font size of the title. |
<String > elevationBottomColor |
Required |
The Hexadecimal font color of the bottom elevation line. |
<String > elevationLineColor |
Required |
The Hexadecimal font color of the elevation profile line. |
<String > elevationMarkerStrokeColor |
Required |
The Hexadecimal font color of the indicator that appears on the chart showing the elevation peak for that location. Default color is red.
//this changes the elevationMarkerStrokeColor to cyan
elevationMarkerStrokeColor: "#00FFFF"
|
<String > elevationMarkerSymbol |
Required |
A string value representing the scalable vector graphic used for the symbol that displays on the chart showing the elevation peak for that location. Default is X. These are outlined below.
elevationMarkerSymbol: "m -6 -6, l 12 12, m 0 -12, l -12 12"
/*
CIRCLE: "m-3,0 c0,-4 6,-4 6,0 m-6,0 c0,4 6,4 6,0",
SQUARE: "m-3,-3 l0,6 6,0 0,-6 z",
DIAMOND: "m0,-3 l3,3 -3,3 -3,-3 z",
CROSS: "m0,-3 l0,6 m-3,-3 l6,0",
X: "m-3,-3 l6,6 m0,-6 l-6,6",
TRIANGLE: "m-3,3 l3,-6 3,6 z",
TRIANGLE_INVERTED: "m-3,-3 l3,6 3,-6 z
*/
To change the color use the elevationStrokeMarkerColor constructor option. |
<String > elevationTopColor |
Required |
The Hexadecimal font color of the top elevation line. |
<String > indicatorFillColorSize |
Required |
The Hexadecimal font color used for the chart indicator fill. |
<String > indicatorFontColor |
Required |
The Hexadecimal font color of the chart indicator. |
<SimpleMarkerSymbol | PictureMarkerSymbol > mapIndicatorSymbol |
Required |
Either a SimpleMarkerSymbol or PictureMarkerSymbol indicating what displays on the polyline and shows the location of that point on the profile. Either type of symbol can be defined as an object or via JSON.
//The following snippet displays a semi-transparent green square with a red border using the SimpleMarkerSymbol object
var sms = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_SQUARE, 10,
new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
new Color([255, 0, 0]), 1),
new Color([0, 255, 0, 0.25]));
var profileParams = {
map: map,
chartOptions:{
mapIndicatorSymbol: sms
}
//The following snippet displays a blue circle with a white border using JSON
var profileParams = {
map: map,
chartOptions:{
mapIndicatorSymbol: {
type: "esriSMS",
style: "esriSMSCircle",
color:[0,183,235],
size:12,
outline:{
type: "esriSLS",
style: "esriSLSolid",
color:[255,255,255],
width:1
}
}
},
profileTaskUrl: "https://elevation.arcgis.com/arcgis/rest/services/Tools/ElevationSync/GPServer",
scalebarUnits: Units.MILES
};
epWidget = new ElevationsProfileWidget(profileParams, dom.byId("profileChartNode"));
|
<String > skyBottomColor |
Required |
The Hexadecimal font color of the bottom background sky of the chart. |
<String > skyTopColor |
Required |
The Hexadecimal font color of the top background sky of the chart. |
<String > title |
Required |
The title of the profile chart. |
<String > titleFontColor |
Required |
The Hexadecimal font color of the chart title. |
<String > waterBottomColor |
Required |
The Hexadecimal font color of the bottom water line. |
<String > waterLineColor |
Required |
The Hexadecimal font color of the water line. |
<String > waterTopColor |
Required |
The Hexadecimal font color of the top water line. |