Configuring multiple charts in a band using Geocortex Inline [Geocortex Tech Tip]

Geocortex Inline is your tool for managing linear referenced assets and can help you improve decision making using dynamic, real-time data.

There are two kinds of ways that you can add multiple charts to a band in Geocortex Inline.

The first one is when you want to have a shared y-value and plot them accordingly, the second is when you’re dealing with linear a mix of linear data and you want to be able to plot those linear events onto the y-axis, so they can be they can be stacked.

With that in mind, this Geocortex Tech Tip will show you the art of configuring charts in Geocortex Inline.

Watch on YouTube.

Video Transcript

“Hello. My name is Colin Doak, I’m a Technical Advisor with the Partners team here at VertiGIS and I’m going to show you how to add multiple charts to a band in Geocortex Inline. Let’s get started!

There are three different kinds of charts supported by Geocortex Inline. The first is a scatter chart which is a representation of points on the chart. The second is a line chart, like this one right here, and the third is a linear chart, which is a linear reference concept, which is basically a measure along the linear reference route.

When we’re working with bands, we have the ability to add multiple charts to a single band.

In this case, we have the Profile band, and as you can see there’s only one chart in here.

Below that, we have the Pipe Properties and there’s multiple charts or really a mixture of linear charts and a scatter chart.

Similarly, with the Compliance band down here, we have two linear charts and one scatter chart.

So, let’s have a look at how we configure these.

First, let’s look at the mix of linear charts. So, when we’re dealing with linear data, we go into the Pipe Properties band over here.

One thing to keep in mind is that all these charts that are in this particular band share a y-axis, so it’s important that if we’re working with it, with that data, that they have a similar y-value.

Now, when we’re dealing with linear charts, it doesn’t really make a lot of sense to have a y-axis because it’s linear. It’s just a big straight line across and we’re really interested in the values along that that linear measure.

So even when we’re dealing with scatter charts, we’re not going to scatter these, we want all these to be on the same value so what we need to do is we need to configure our y-axis. We can do that down in the y-axis options here.

So, with the y-axis options, you can set it to auto. You can set it to custom or you can hide the axis altogether. What we’ve done here is we’ve set up a custom y-axis and what we’re doing is we’re plotting each linear chart on a particular y-value. So, you can see that our MAOP chart is mapped to a zero y-value similarly, Pipe Segments, Coding, Casings, Valves etc – our y-values are one, two, three, four for the steps.

We can configure these to be whatever they want. We can change the value label. See as I type that, it updates in the band.

What we’ve done is we’ve set a y-value for each chart. Now, when we go into each of the charts and configure them, for example, if we go into this scatter chart here, what we want to do is we want to basically hard code the y-value. So you can see right here, we can set the y-value this correlates with the y value that’s been set up in the y-axis properties, so if we set this to four then all the values for this particular valve’s data source will be plotted along with a y-value of four along the axis.

So, if I change that, you can see that the chart moves accordingly. That’s how you set up a multi-chart when the y-axis is not necessarily relevant, for example with a mixture of linear charts.

Now, when we get into different cases where y-value actually is relevant, for example, in the profile tool here, we do want to have a dynamic y-value, we don’t want to just hard code that.

So, if we jump into this profile band, you see we only have one chart right now. We look in this chart option options, we can see that the y-value field is ground level elevation, so it’s a value between, we set out our axis. We set it up we could have done an auto, but what we’ve done we set it up for custom and we’ve got step values between 550 and 750. We do want this to be a dynamic value so that we’re actually plotting the line across the axis accordingly.

This works fine when you have one chart. What if we want to add another chart? Well we have to ensure that these two charts share a common y-value concept, so that that range will be within each other.

For example, if you’re adding another chart and the y-values are way off the front compared to the y-values that we defined here, the chart’s not going to look very good.

So, we want to make sure that when we’re dealing with charts and we want to respect the y-axis that the values make sense within that chart.

Let’s go ahead and make one. I’m going to add a new chart to the band, I’m going to set up this data source. I’m going to use a DepthofCover, so DepthofCover of course being the amount of soil or amount of ground that’s covering the pipeline at a particular location.

So, we don’t want to hard code this y value, that wouldn’t work. What we want to do is we want to use a measure value and in this case, we’re lucky and the name of the value is ‘GROUNDELEVATION’ and then we want to you want to choose the appropriate chart type, this is a line chart.

You can see now, it’s starting to draw on there and we’re pretty much ready to go, except let’s make sure that we can understand which is which. Let’s add a text function because as you mouse over you want to be able to see what it is and then just for display options, let’s make sure there’s a different color. Let’s do a bright red. Once we’ve done that you can see that we’ve added another chart and the y-axis is being respected.

We’ll just save that really quickly, go over and what I have is I have the Inline deployed to Web AppBuilder just for fun.

Reload this, and once this loads up, we’ll be able to visualize those two charts within Inline.

So, we have it in the Developer mode just because it’s nice to have it and Developer mode, I like to do it this way because the logs are particularly noisy.

We’ll select our pipeline here, get a range and wait for it to update, and there we have it!

So we’ve got our DepthOfCover and we’ve got our Profile in the same chart, similarly, we’re looking at these guys down here we’ve got Valves, that’s that point, and then we’ve got our Casings, Coatings, etc, all sharing the same band.

To summarize: there are two kinds of ways that you can add multiple charts to a band. One is when we want to have a shared y-value and plot them accordingly, the other is when you’re dealing with linear a mix of linear data and you want to be able to plot those linear events onto the y-axis or basically hard code them to a y-axis, so they can be they can be stacked.”

Liked learning about configuring charts in Geocortex Inline and want to learn more about how it can solve your linear referencing needs? Click the button below for more product information, or to book a demo.

Discover Geocortex Inline