Are you looking for a way to visualize your GIS data? With Geocortex Web you can add and manipulate customizable charts to your mapping applications to organize your data and make it easier to understand for both developers and end-users!
This Geocortex Tech Tip will demonstrate how to add and manipulate charts in Geocortex Web. Additionally, it will explain how you can configure your charts to display the data that best complements your applications while providing exceptional user experiences.
What’s up everybody, my name is Aaron Oxley and I’m a Technical Sales Specialist. In this video we’ll be looking at how to manipulate charts in Geocortex Web. We’ll start out with adding a chart but it’s so easy in Geocortex Web that it wouldn’t even be worth a Tech Tip! We’ll also go into the styling and how you can manipulate a chart to show data in different ways. Let’s check it out!
Here we are in Geocortex Web Designer. I’ll just sign in. I’ve got this app that I’ve been working on and I want to add a chart. If I come down to the “Add Component” button and come over to the “Other” tab, we’ve got a “Chart” item. I can drop that onto my “Map” in the “Embedded Components” menu and just like that we have a chart. Nice and easy!
It’s not a very meaningful chart right now. I need to configure a few aspects before it will show up the way that I want it to and be meaningful. If I click on “Chart” I can get to the configuration options.
Let’s start out by changing it from a “Bar” chart to a “Pie” chart.
Let’s give it a title. I’ll call it “Trees”.
I’m going to use these trees we see here on the map as our data source for this chart. That can be configured here, in the “Source” field. I’ll set that to “Capital City – Trees”.
“Single-Field Groups” looks good for the “Series Type”.
And the “Field” that I’d like to group by is the “Common Name” of these trees. There’s also a “Botanical Name” option which is Latin which I don’t understand. “Common Name” is names like elm, ash, apple, cherry so I’ll pick that one.
Now I want to group these trees by their common name and show the count. I’ll select “Count” in the “Statistic” field.
So, after just a few quick changes in the basic configuration for this chart, I can now click on the “I Want To…” menu and select “Identify” to identify some trees, and the chart will show up and give us a breakdown of how many of each type of tree are in the selection that I made. It’s really straightforward and it looks good. Good enough, at least for the time being.
If I close out of the “I Want To…” menu, I’ll get a little bit more screen space, but we lose our chart. So, let’s go a little bit deeper here. The chart didn’t look great on the map, we had to close the box, then we lost the chart. Let’s put the chart into the “Summary” panel to make it a little more real estate for the map itself and organize all the data in the “Summary” panel over here on the left. Like we saw when I “Identify” a selection of trees, the “Summary” panel will appear. Let’s put the data into there.
So, back in “Embedded Components”, I can see my “Trees (Chart)” and I can see that the “Summary (Panel)” tab is right here. So, let’s put our chart above the “Results List” in the “Summary (Panel)” tab. That seems like a decent spot. I’ll drag it up to there.
I’ll now “identify” a new selection of features and our chart will show up in the “Summary” panel on the left. But now we’ve lost our results list because it’s overlayed by our chart. What we can do to fix that is add a “Rows” component from our “Add New Component” menu to the “Summary (Panel)” tab. Then we’ll add the “Trees (Chart)” and the “Results List” to that set of rows. We’ll put the “Trees (Chart)” above the “Results List”.
We’ll now do a new “Identify” and just like that we now have our chart with our results list below in the “Summary” panel on the left. If I click on one of the data points in the results list it will still take me to a “Details” tab and the “Summary” tab will still contain our Trees chart.
We’re still seeing the same information here. The total count of each tree type in my selection. We’re still able to see the counts as I hover over any sections in the pie chart.
But let’s say we have a huge selection and when I click on the sections in the pie chart I want to zoom in and get a closer look at those features that are in that slice of the pie. In this chart’s configuration options, if I go down to the “Events” section we’ve got a “Series Point Click” event. If I click the “Select Command” button I can easily select from a variety of out-of-the-box commands and I can also trigger workflows or reports from clicking on a slice of the pie. For now, let’s just choose a simple command. “Zoom to Result” is a good one, I’ll select that. And that easily we’ve changed it so that now when I click on “cherry plum” trees in my chart, the map zooms in and shows me exactly where those ones are. If I click “apple” same thing. If I click “elm” it zooms in to show me the elm trees.
That’s just a few quick highlights to give you a feel for how we can manipulate charts in Geocortex Web. It’s very straightforward and simple. We do also have the advanced mode to get into some more fine-grained configurations but for the sake of this Tech Tip I think we’ve covered the basics. If you do want to know more, just let us know! Email firstname.lastname@example.org.
If you liked this video please like, share, subscribe and check out our other videos. Thanks for watching!
Want to learn more about the capabilities of Geocortex Web? Click the button below for more information on what is possible with Geocortex Web.