1. Fabrik 3.7 is now available. This version contains critical security updates, please update as soon as possible. Please remember to backup your site before updating, we also recommend testing your updates on development sites if possible.
  2. We had to restore the site around midday (CST) on Wed 7/26 from a backup approximately 8 hours old. So a few posts in the forums were lost. You may want to check to see if you need to re-post anything.
  3. The release of Fabrik for J! 3.8 is not yet ready. Do not update your sites to J! 3.8 until this notice is removed.

Nvd3 Chart visualization

Apr 16, 2016
Nvd3 Chart visualization
  • Contents


    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.


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

    You then want to select the following options:


    and you will end up with a chart which looks like this:

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


    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:

  • Loading...
INFO78918 likes this.