<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Dojo Stacked Columns Chart for Web Map Pop Up in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-stacked-columns-chart-for-web-map-pop-up/m-p/696321#M64849</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Anyone know how to use the the StackedColumns chart in dojo for ArcGIS JavaScript API? I need to add a stacked chart to my popup window.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I can only find the documentation below regarding using charts:&lt;/SPAN&gt;&lt;BR /&gt;&lt;A href="https://developers.arcgis.com/javascript/jshelp/intro_popuptemplate.html" rel="nofollow noopener noreferrer" target="_blank"&gt;https://developers.arcgis.com/javascript/jshelp/intro_popuptemplate.html&lt;/A&gt;&lt;BR /&gt;&lt;A href="http://dojotoolkit.org/documentation/tutorials/1.6/charting/" rel="nofollow noopener noreferrer" target="_blank"&gt;http://dojotoolkit.org/documentation/tutorials/1.6/charting/&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;But it doesn't tell you how to add the different fields needed for the stacked columns (or stacked charts in general).&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Any ideas? Here is a snippet of the code I tried, but can't get the stacked chart to display:&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;
var popupTemplate = new PopupTemplate({ title: "City: " + "{CITY}", description: "View PDF ",

 mediaInfos: [{
&amp;nbsp;&amp;nbsp;&amp;nbsp; type: "StackedColumns",
&amp;nbsp;&amp;nbsp;&amp;nbsp; value: {
&amp;nbsp;&amp;nbsp;&amp;nbsp; fields: ["Series A", ("Geo70", "Geo03", "Geo10"), "Series B", ("Par70", "Par03", "Par10")],
&amp;nbsp;&amp;nbsp;&amp;nbsp; theme:"Julie"
&amp;nbsp;&amp;nbsp;&amp;nbsp; }

&amp;nbsp;&amp;nbsp;&amp;nbsp; }],

&amp;nbsp;&amp;nbsp;&amp;nbsp; showAttachments: false
&amp;nbsp; });&lt;/PRE&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Then my featureLayer code is listed next with a link to the service and all the outfields listed above, and the addLayer function.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;A chart displays if I change my type to "piechart" or one of the other charts that has simple requirements.&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sun, 12 Dec 2021 05:18:50 GMT</pubDate>
    <dc:creator>LisCollins</dc:creator>
    <dc:date>2021-12-12T05:18:50Z</dc:date>
    <item>
      <title>Dojo Stacked Columns Chart for Web Map Pop Up</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-stacked-columns-chart-for-web-map-pop-up/m-p/696321#M64849</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Anyone know how to use the the StackedColumns chart in dojo for ArcGIS JavaScript API? I need to add a stacked chart to my popup window.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I can only find the documentation below regarding using charts:&lt;/SPAN&gt;&lt;BR /&gt;&lt;A href="https://developers.arcgis.com/javascript/jshelp/intro_popuptemplate.html" rel="nofollow noopener noreferrer" target="_blank"&gt;https://developers.arcgis.com/javascript/jshelp/intro_popuptemplate.html&lt;/A&gt;&lt;BR /&gt;&lt;A href="http://dojotoolkit.org/documentation/tutorials/1.6/charting/" rel="nofollow noopener noreferrer" target="_blank"&gt;http://dojotoolkit.org/documentation/tutorials/1.6/charting/&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;But it doesn't tell you how to add the different fields needed for the stacked columns (or stacked charts in general).&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Any ideas? Here is a snippet of the code I tried, but can't get the stacked chart to display:&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;
var popupTemplate = new PopupTemplate({ title: "City: " + "{CITY}", description: "View PDF ",

 mediaInfos: [{
&amp;nbsp;&amp;nbsp;&amp;nbsp; type: "StackedColumns",
&amp;nbsp;&amp;nbsp;&amp;nbsp; value: {
&amp;nbsp;&amp;nbsp;&amp;nbsp; fields: ["Series A", ("Geo70", "Geo03", "Geo10"), "Series B", ("Par70", "Par03", "Par10")],
&amp;nbsp;&amp;nbsp;&amp;nbsp; theme:"Julie"
&amp;nbsp;&amp;nbsp;&amp;nbsp; }

&amp;nbsp;&amp;nbsp;&amp;nbsp; }],

&amp;nbsp;&amp;nbsp;&amp;nbsp; showAttachments: false
&amp;nbsp; });&lt;/PRE&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Then my featureLayer code is listed next with a link to the service and all the outfields listed above, and the addLayer function.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;A chart displays if I change my type to "piechart" or one of the other charts that has simple requirements.&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 12 Dec 2021 05:18:50 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/dojo-stacked-columns-chart-for-web-map-pop-up/m-p/696321#M64849</guid>
      <dc:creator>LisCollins</dc:creator>
      <dc:date>2021-12-12T05:18:50Z</dc:date>
    </item>
  </channel>
</rss>

