1. NOTICE: If you are using Fabrik and update to Joomla 3.10, you will need to update to Fabrik 3.10. And, if you are using Fabrik, do not upgrade to Joomla 4, we do not have a supported version ready for release. More information on a release date coming soon. Also, please note that Fabrik 3.10 will not install on any Joomla sites less than 3.8.
    Dismiss Notice

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...
xycofryx and INFO78918 like this.