HI all. I'm using Cedar to build a chart on a website. The data for the chart is being pulled from a Survey123 layer. This way when I submit something to Survey123 the chart will be automatically. My problem is that when I submit somthing to Survey123 my chart is not updating when the page is reloaded. Does anyone see anything wrong with my chart code? Im very new to JavaScript..
Thanks
<SPAN class="operator token"><</SPAN>script<SPAN class="operator token">></SPAN>
<SPAN class="keyword token">var</SPAN> chart <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Cedar</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"bar-horizontal"</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="comment token">//create the dataset w/ mappings</SPAN>
<SPAN class="keyword token">var</SPAN> dataset <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="string token">"url"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fservices7.arcgis.com%2F2lya1j9hNfBnQwN6%2Farcgis%2Frest%2Fservices%2Fsurvey123_xxxxxxxxxxxxxxxx%2FFeatureServer%2F0" target="_blank">https://services7.arcgis.com/2lya1j9hNfBnQwN6/arcgis/rest/services/survey123_xxxxxxxxxxxxxxxx/FeatureServer/0</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"query"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="string token">"groupByFieldsForStatistics"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"field_0"</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"outStatistics"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN>
<SPAN class="string token">"statisticType"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"count"</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"onStatisticField"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"field_0"</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"outStatisticFieldName"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Number_of_SUM"</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"mappings"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN>
<SPAN class="string token">"y"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="string token">"field"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"field_0"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"label"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"Food?"</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"x"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="string token">"field"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"Number_of_SUM"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"label"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"# of Eats"</SPAN><SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="comment token">//show the chart</SPAN>
chart<SPAN class="punctuation token">.</SPAN><SPAN class="token function">show</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
elementId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"#chart"</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="comment token">//assign to the chart</SPAN>
chart<SPAN class="punctuation token">.</SPAN>dataset <SPAN class="operator token">=</SPAN> dataset<SPAN class="punctuation token">;</SPAN>
chart<SPAN class="punctuation token">.</SPAN><SPAN class="token function">update</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>script<SPAN class="operator token">></SPAN> <SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
