1. If you update to Joomla 3.8.10, please make sure that you either do a full GitHub update of Fabrik, or disable caching for your lists (in the Advanced settings) or turn off Joomla's System Cache setting. A change in Joomla's cache code in 3.8.10 required a fix in Fabrik, which will be rolled in to the next release, but is currently only available in GitHub.
    Dismiss Notice
  2. We will be performing an update of XenForo (the forum software use on this site) this afternoon, Fri 8/17/2018. The forums will be unavailable for a (hopefully!) short time.
    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.