Hide Table of Contents
esri
esri/arcgis
esri/dijit
esri/dijit/analysis
esri/dijit/geoenrichment
esri/dijit/geoenrichment/ReportPlayer
esri/geometry
esri/layers
esri/opsdashboard
esri/renderers
esri/symbols
esri/tasks
esri/tasks/datareviewer
esri/tasks/geoenrichment
esri/tasks/locationproviders
Class: InfographicsOptions
[ AMD Module Require | Legacy Module Require ]
require(["esri/dijit/geoenrichment/InfographicsOptions"], function(InfographicsOptions) { /* code goes here */ });
Description
(Added at v3.6)
InfographicsOptions is used to customize and configure the Infographic's included in a InfographicCarousel. Used in favor of the options property of InfographicsCarousel.Samples
Search for samples that use this class.Constructors
| Name | Summary |
|---|---|
| new InfographicsOptions(json?) | Constructs instance from serialized state. |
CSS
esri/dijit/geoenrichment/InfographicsOptions | Download source
Properties
| Name | Type | Summary |
|---|---|---|
| studyAreaOptions | RingBuffer | DriveBuffer | IntersectingGeographies | The options to apply to the study area. |
| theme | String | The name of the css theme used to format the InfographicsCarousel. |
Methods
| Name | Return type | Summary |
|---|---|---|
| getItems(countryID) | Promise | Gets an array of default InfographicsOptions.Item's in the InfographicsCarousel with a countryID. |
| toJson() | Object | Converts object to its JSON representation. |
Constructor Details
Constructs instance from serialized state.
Parameters:
< |
Optional | Various options to configure this InfographicsOptions. Any property can be passed into this object. |
Sample:
require([
"esri/dijit/geoenrichment/InfographicsOptions", "esri/tasks/geoenrichment/DriveBuffer", ...
], function(InfographicsOptions, DriveBuffer, ... ){
var options = new InfographicsOptions({
theme: "light",
studyAreaOptions: new DriveBuffer({radii: [ 2 ], units: "esriMiles"})
});
});Property Details
<RingBuffer | DriveBuffer | IntersectingGeographies
RingBuffer | DriveBuffer | IntersectingGeographiesThe options to apply to the study area. The default value is a
RingBuffer with 1-mile radius.Default value:
new RingBuffer({"radii": [ 1 ], "units": "esriMiles"})<String
StringThe name of the css theme used to format the
InfographicsCarousel.Known values:
"light" | "common"Default value:
"common"Method Details
Gets an array of default
InfographicsOptions.Item's in the InfographicsCarousel with a countryID. You may use this method to add Infographic's to or remove Infographic's from a InfographicsCarousel.Return type:
PromiseParameters:
< |
Required | The ID of the country for which data is retrieved.
Refer to the GeoEnrichment Coverage section of the ArcGIS GeoEnrichment Service documentation to find the countries where data are available. The "Two-Digit Country Code" column in the first table lists all the country codes you may use. |
Sample:
require([
"esri/dijit/geoenrichment/InfographicsCarousel",
"esri/tasks/geoenrichment/GeometryStudyArea",
"esri/geometry/Point",
"esri/dijit/geoenrichment/InfographicsOptions",
...
], function(InfographicsCarousel, GeometryStudyArea, Point, InfographicsOptions, ... ){
var infographics = new InfographicsCarousel({
studyArea: new GeometryStudyArea({ geometry: new Point(-120.44,34.95) }),
}, "infographics");
var options = new InfographicsOptions();
options.getItems("US").then(function(items){
//make default infographics invisible
for (var i = 0; i < items.length; i++) {
items[i].isVisible = false;
};
//create a new infographic
var item = new InfographicsOptions.Item("OneVar", ["Wealth.PCI_CY"]);
item.title = "Wealth";
item.datasetID = "USA_ESRI_2013";
//push the infographic into the array and set options
items.push(item);
infographics.set("options", options);
infographics.startup();
});
});