Skip to content
This repository has been archived by the owner on Oct 23, 2024. It is now read-only.

Configure graphs and charts

Jump to bottom
Meine Toonen edited this page May 15, 2014 · 6 revisions

Introduction

This is tutorial how to configure the graph component, and everything needed for using it. The graph component is a component which can display data which is linked to a clickpoint in the map.

How to configure

Here you can see how and what can be configured.

Data

First, the graph must be fed with data. Currently, this consists of an attribuutbron with a related attribuutbron. Let's take for example municipalities with it's related neighbourhood.
When clicked on a layer (in this example municipality), you can get a graph, which shows the population of each neighbourhood. The steps to prepare the data are:\

  1. Load in the attributesource(s) (preferably JDBC, not yet tested with WFS)
  2. Link the featuretypes (municipality and neighbourhoods) with relate
  3. Link the "parent" featuretype (municipality) to the layer on which you want to click in the map as a feat
  4. Go the the application --> "Boomstructuur met kaarten" --> the layer (you see the new attributes displayed)--> Save.
  5. Go to the Layoutmanager and add the Graph component to the layout.
  6. Open the configuration of the graph component, and go to the next paragraph.

Component

In the component configuration, configure the following:

  1. Configure a title
  2. Choose the type of chart (currently line, vertical bar and horizontal bar)
  3. Configure the layer (municipality)
  4. Choose the x-axis: for example the neighbourhood name
  5. Choose multiple y-axis: for example the neighbourhood population. This must currently always be an attribute from the related featuretype (neighbourhoods)
  6. Save the configuration
  7. Save the application

How does it work

  1. Enable the layer
  2. Open the component
  3. Select the layer
  4. Click on the button "Selecteer punt voor grafiek" and click in the map
  5. The graph will arrive when the information is loaded

What is possible

Multiple graphs

You can configure multiple graphs: each graph will be drawn in a tab. This way you can visualize your the same data in different styles, or different data in different styles, or the different data in the same style, or ... well, you probably get it by now.
You can do this by clicking multiple times on the "Grafiekconfiguratie toevoegen" button. You will see a configuration option for each graph.

Multiple series

You can display multiple columns in one graph! For example, per neighbourhood you can show a bar graph of the population differentiated to age (a bar for each age category). This can be done by selecting multiple y-axes in one graph.

Multiple types

There are currently 3 types of graphs supported:

  • Bar vertical
  • Bar horizontal
  • Line

Extra functionality

Legend

You can switch off series (the y-axes) by clicking on the legend.

Tooltips

By hovering over the graph, you get a tooltip with the value and the x-axis.

The future

Some ideas which are not yet implemented:

  • More types of graphs
  • Configuration of the colors used by the graphs
Clone this wiki locally