1. Fabrik 3.8 has been released. As usual, we strongly recommend that you backup your site (using Akeeba) before upgrading. Report any issues in the forums, we will answer promptly.

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.