1. Important notice about Cloudbleed - if your site uses the Cloudflare CDN, and you intend to follow the Joomla security team's advice to change your site "secret", you MUST READ THIS NOTICE.
  2. Joomla 3.7 will be releasing soon (they just released RC2). If you intend to upgrade to 3.7, you will also have to update Fabrik, which will get an update as soon as 3.7 is released. Now would be a good time to do some testing - clone your site with Akeeba, update Joomla to the 3.7 RC2, and update Fabrik from github.

Nvd3 Chart visualization

Apr 16, 2016
Nvd3 Chart visualization
  • Contents


    Introduction(top)


    The nvd3 chart is a horizontal or vertical bar chart.

    Say we have a Fabrik list with the following data, and we want to create a chart which shows the number of children in each state by age range. The field names are state, under5 and five_ten.

    [​IMG]

    Add a new visualization and select 'nv3d_chart' as the visualization.

    You then want to select the following options:

    [​IMG]

    and you will end up with a chart which looks like this:
    [​IMG]

    To swap over the state and ages, to obtain the following chart, set 'Label axis values' to 'Split column':

    [​IMG]

    To swap the axis so that the values are on the Y axis change the chart from 'multi bar chart - horizontal' to 'multi bar chart'.

    Also set the margin's property to something like '20,20,100,20' to give the x axis labels more space under the chart (otherwise they are truncated)

    The new chart will look like this:

    [​IMG]
  • Loading...
INFO78918 likes this.