nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

External charting script

MichelleJean

I am using this Info window with chart ESRI tutorial.

In a scenario where you have a lot of charts and the script becomes larger.

Is it possible to extract from the script the part that creates the charts and move it in another .js file?

So this file loads only if required by the user, not necessarily when loading the map?

Thank you,

Michelle

Find more posts tagged with

Accepted answers

All comments

MichelleJean

Hi Kelly,

Thank you

I followed all your code lines and reproduced the behaviour for a simple web app.

While it loaded my main.js it did not load the CreateChart.js.

Are there any specifics that make a difference from one web app to another?

Thank you,

Michelle

charts2.zip

khutchins

Sure you can move the code to a new file and use require to load the code that creates the chart only when someone clicks on a feature to display the popup. Attached is a zip file with a sample app showing this behavior.

charts.zip

MichelleJean

Hi Kelly,

My projects require dojox charts, types stacked areas, stacked columns and others.

I would like to extract from the script this part that creates the charts and move it in another .js file.

So it loads only if required by the user, not necessarily when loading the map.

Couldn't find such a tutorial, sample code on ArcGIS API for JavaScript.

So I would like to use this Info window with chart tutorial to understand how this works.

Thank you,

Michelle

khutchins

What kind of charts are you creating? It requires much less code to create charts using the Popup and media info. Have you seen this sample in the help:

Popup | ArcGIS API for JavaScript 3.20

Documentation about the different types of media info charts that can be created can be found here:

mediaInfo | ArcGIS for Developers

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.