1. Fabrik 3.5.2 is now available to download. Read the blog for highlights about this release.

    As always, please back up your site prior to updating and if possible test in a dev environment first.

    Also, our 3.5.1 package file was hacked, the effected dates were 1/15/2017 - 1/17/2017. If during those days you downloaded the 3.5.1 package file from the JED or our site download page, please re-install the package with a fresh copy or upgrade to Fabrik 3.5.2. Github downloads were not effected.

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.