Park,
I believe you issue was your random number generation was only going to 17. When I set the random number to 2001 (because a featurelayer by default will return a max feature count of 2000) it worked for me. I also changed some of your other code to be more conventional:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>FeatureLayer</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css">
<script src="https://js.arcgis.com/3.18/"></script>
<style>
html,
body,
#map {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/map",
"esri/layers/FeatureLayer",
"esri/layers/Field",
"esri/tasks/query",
"esri/tasks/QueryTask",
"esri/symbols/SimpleFillSymbol",
"esri/graphic",
"esri/Color",
"esri/renderers/ClassBreaksRenderer",
"dojo/_base/lang",
"dojo/domReady!"
],
function(
Map,
FeatureLayer,
Field,
Query,
QueryTask,
SimpleFillSymbol,
Graphic,
Color,
ClassBreaksRenderer,
lang
) {
var map = new Map("map", {
basemap: "hybrid",
center: [-122.304568, 47.608492],
zoom: 13
});
var url = "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Puget_Sound_BG_Food/FeatureServer/...";
var layer = new FeatureLayer(url, {
id: "SatisticsLayer",
outFields: ["*"],
mode: FeatureLayer.MODE_SNAPSHOT
});
var tempObject = new Field({
alias: "STATISTICS",
name: "STATISTICS",
type: "esriFieldTypeInteger"
});
var randArr = [];
for (var i = 0; i < 2001; i++) {
randArr[i] = (Math.floor(Math.random() * 100) + 1);
}
map.on("layer-add", lang.hitch(this, function(evt) {
layer.fields.push(tempObject);
queryTask = new QueryTask(url);
var query = new Query();
query.where = "1=1";
query.outFields = ["*"];
query.returnGeometry = true;
layer.queryFeatures(query, lang.hitch(this, function(featureSet) {
resultObject = featureSet.features;
for (var i = 0, length = resultObject.length; i < length; i++) {
resultObject[i].attributes.STATISTICS = randArr[i];
console.log("resultObject.attributes.STATISTICS======", resultObject[i].attributes.STATISTICS);
}
var symbol = new SimpleFillSymbol();
symbol.setColor(new Color([0, 216, 255, 0.5]));
var renderer = new ClassBreaksRenderer(null, "STATISTICS");
renderer.addBreak(0, 10, new SimpleFillSymbol().setColor(new Color([56, 168, 0, 0.5])));
renderer.addBreak(11, 30, new SimpleFillSymbol().setColor(new Color([139, 209, 0, 0.5])));
renderer.addBreak(31, 50, new SimpleFillSymbol().setColor(new Color([255, 255, 0, 0.5])));
renderer.addBreak(51, 90, new SimpleFillSymbol().setColor(new Color([255, 128, 0, 0.5])));
renderer.addBreak(91, Infinity, new SimpleFillSymbol().setColor(new Color([255, 0, 0, 0.5])));
layer.setRenderer(renderer);
layer.redraw();
}));
}));
map.addLayer(layer);
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
