https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bar-graph-in-pop-up-and-graphic-layer-in-layers/m-p/1215999#M78820 <P>Hi, I would like to understand why my popup does not show the graph, also I would like to understand why the graphicLayer is not visible in the Layer list. I enclose the code. Thank you</P><P>&nbsp;</P><LI-CODE lang="javascript">esempio: function (evt) { let that = this; let point = []; var json; var graphiclayer = new GraphicsLayer(); function creatable(campo){ var tab = "&lt;table&gt;&lt;tbody&gt;"; for(var j = 0; j &lt; campo.length; j++){ tab = tab + "&lt;tr&gt;&lt;td style='text-align: left;width: 90%;'&gt;"+ campo[j].values.name +"&lt;/td&gt;&lt;td style='text-align: right;'&gt;"+ campo[j].values.value.toFixed(1) +"%&lt;/td&gt;&lt;/tr&gt;"; } tab = tab + "&lt;/tbody&gt;&lt;/table&gt;"; return tab; } $.getJSON("mappa.json", (data) =&gt; { }).success(function(data) { json = data; for (var i = 0; i &lt; json.length; i++) { var result = proj4('EPSG:32632', 'EPSG:4326', [json[i].geometry.x,json[i].geometry.y]); point[i] = new Point(result[0], result[1]); var symbol = new SimpleMarkerSymbol({ "color": [250,0,250,1], "size": 12, "angle": -30, "xoffset": 0, "yoffset": 0, "type": "esriSMS", "style": "esriSMSCircle", "outline": { "color": [0,0,0,255], "width": 1, "type": "esriSLS", "style": "esriSLSSolid" } }); symbol.setColor(Color.fromHex(json[i].attributes.Colore)); let gra = new Graphic(point[i], symbol); gra.setAttributes({ "Area": json[i].attributes.Area, "Categoria":json[i].attributes.Categoria, "CodiceIstat":json[i].attributes.CodiceIstat, "Combustibile":json[i].attributes.Combustibile, "Potenza":json[i].attributes.Potenza, "Totale":json[i].attributes.Totale }) var template = new PopupTemplate({ title: json[i].attributes.Area, description: "&lt;h2&gt;Categorie: &lt;/h2&gt;" +creatable(json[i].attributes.Categoria) + "&lt;h2&gt;Combustibili: &lt;/h2&gt;"+creatable(json[i].attributes.Combustibile) +"&lt;h2&gt;Potenze: &lt;/h2&gt;"+ creatable(json[i].attributes.Potenza), fieldInfos: [{ //define field infos so we can specify an alias fieldName: "CodiceIstat", label: json[i].attributes.CodiceIstat },{ fieldName: "Combustibile", label:"Combustibile" //label: json[i].attributes.Combustibile },{ fieldName: "Potenza", label: json[i].attributes.Potenza },{ fieldName: "Totale", label: json[i].attributes.Totale }], mediaInfos:[{ //define the bar chart caption: "", type:"barchart", value:{ theme: "Dollar", fields:["Combustibile"] } }] }); gra.setInfoTemplate(template); graphiclayer.add(gra); } that.map.addLayers([graphiclayer]); }); },</LI-CODE> Mon, 26 Sep 2022 11:11:24 GMT DavideAristipini 2022-09-26T11:11:24Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bar-graph-in-pop-up-and-graphic-layer-in-layers/m-p/1215999#M78820 <P>Hi, I would like to understand why my popup does not show the graph, also I would like to understand why the graphicLayer is not visible in the Layer list. I enclose the code. Thank you</P><P>&nbsp;</P><LI-CODE lang="javascript">esempio: function (evt) { let that = this; let point = []; var json; var graphiclayer = new GraphicsLayer(); function creatable(campo){ var tab = "&lt;table&gt;&lt;tbody&gt;"; for(var j = 0; j &lt; campo.length; j++){ tab = tab + "&lt;tr&gt;&lt;td style='text-align: left;width: 90%;'&gt;"+ campo[j].values.name +"&lt;/td&gt;&lt;td style='text-align: right;'&gt;"+ campo[j].values.value.toFixed(1) +"%&lt;/td&gt;&lt;/tr&gt;"; } tab = tab + "&lt;/tbody&gt;&lt;/table&gt;"; return tab; } $.getJSON("mappa.json", (data) =&gt; { }).success(function(data) { json = data; for (var i = 0; i &lt; json.length; i++) { var result = proj4('EPSG:32632', 'EPSG:4326', [json[i].geometry.x,json[i].geometry.y]); point[i] = new Point(result[0], result[1]); var symbol = new SimpleMarkerSymbol({ "color": [250,0,250,1], "size": 12, "angle": -30, "xoffset": 0, "yoffset": 0, "type": "esriSMS", "style": "esriSMSCircle", "outline": { "color": [0,0,0,255], "width": 1, "type": "esriSLS", "style": "esriSLSSolid" } }); symbol.setColor(Color.fromHex(json[i].attributes.Colore)); let gra = new Graphic(point[i], symbol); gra.setAttributes({ "Area": json[i].attributes.Area, "Categoria":json[i].attributes.Categoria, "CodiceIstat":json[i].attributes.CodiceIstat, "Combustibile":json[i].attributes.Combustibile, "Potenza":json[i].attributes.Potenza, "Totale":json[i].attributes.Totale }) var template = new PopupTemplate({ title: json[i].attributes.Area, description: "&lt;h2&gt;Categorie: &lt;/h2&gt;" +creatable(json[i].attributes.Categoria) + "&lt;h2&gt;Combustibili: &lt;/h2&gt;"+creatable(json[i].attributes.Combustibile) +"&lt;h2&gt;Potenze: &lt;/h2&gt;"+ creatable(json[i].attributes.Potenza), fieldInfos: [{ //define field infos so we can specify an alias fieldName: "CodiceIstat", label: json[i].attributes.CodiceIstat },{ fieldName: "Combustibile", label:"Combustibile" //label: json[i].attributes.Combustibile },{ fieldName: "Potenza", label: json[i].attributes.Potenza },{ fieldName: "Totale", label: json[i].attributes.Totale }], mediaInfos:[{ //define the bar chart caption: "", type:"barchart", value:{ theme: "Dollar", fields:["Combustibile"] } }] }); gra.setInfoTemplate(template); graphiclayer.add(gra); } that.map.addLayers([graphiclayer]); }); },</LI-CODE> Mon, 26 Sep 2022 11:11:24 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bar-graph-in-pop-up-and-graphic-layer-in-layers/m-p/1215999#M78820 DavideAristipini 2022-09-26T11:11:24Z