The JoonextCharts module is based on charts.js, and allows for very fast deployment of charts.

We have line charts, bar charts (vertical and horizontal) pie charts, and doughnut charts. With single data option and grouped data options.

This module is the heart of your enterprise cockpit! Also check out our enterprise charts module, allowing you do directly display a database table in a chart.

You have, as said, options for single data and grouped data.

First, select your type in the chart settings tab. Here you set single or grouped data. Then you can go to the corresponding tab and start adding your data.

Single data

You can enter single data in the following manner:

Enter a bar label, the value that goes along with it, and set the color for this entry.

Let'see it in action: A simple bar chart:

Grouped data

You also have the option to use grouped data, this is slightly more complicated. This example shows graphic cards, with their performance values in certain games.

Make sure the amount of labels is equal to the data for each option ( in this example, each game name) You can even select the type of chart you want: a bar or a line. This example show WOW in a line, others in a bar.

Let's see this in action (note: you can select or de-select a row by clicking on the item in the description at the top!)

And below you can see more options for charts, with various layouts. You can select these layouts and other options in the settings tab: