1. The 3.8 code for Fabrik is now available on github, in the 'master' branch. If you are familiar with updating Fabrik from github, we would appreciate it if you could test this code on J! 3.8 for us. Once we have some feedback, we'll build a 3.8 release.

Fusion Charts visualization (+)

Aug 2, 2016
Fusion Charts visualization (+)
  • [This wiki entry contains snippets from the forums, and needs enhancement and tidying.]


    Installation Tasks (top)

    Update the Fusion Charts plug-in from GitHub(top)

    Update the Fusion Charts plug-in from GitHub, as this plug-in is still subject to change. See the wiki entry Update from GitHub for instructions.

    Installing Fusion Charts (top)

    This plugin needs separate installation of Fusion Charts, either Free 2.2 or Pro v3 (only these versions!!). Download one of those from FusionCharts, and uploaded the unzipped files to your Fabrik install, as per the tooltip on the version option in the plugin.

    It is recommended that you start with the Fusion Charts Free 2.2 version, which you can get from:

    http://www.fusioncharts.com/goodies/fusioncharts-free/

    Unzip it, and upload the FusionChartsFree folder to:

    /plugins/fabrik_visualization/fusioncharts/lib

    Then discover and activate this new plug-in in Joomla. After doing all that it should appear in the plug-in drop-down list in the Vizualization.

    Select the "Free 2.2" as you FC version in the plug-in options.

    Repeatable Options (top)

    [​IMG]
    [Screenshots of options and examples needed. Options need explanations.]
    [​IMG]

    • Connection - the Fabrik connection containing the list you wish to render
    • List - the list containing the data you wish to chart
    • Element - the element which contains the data to plot
    • Chart label - if you want a legend on your chart enter a label here
    • Element Type
      • data set
      • trend line - Trend lines are horizontal/vertical lines spanning the chart canvas which aid in interpretation of data with respect to some pre-determined value.
    • Colour - Sets the background colour for the canvas. HEX colour code WITHOUT "#" at the beginning (e.g. ff0000). FusionCharts Attribute: canvasBgColor
    • Alpha
    • Label Step Ratio
    • Label
    • Axis measurement unit
    • Dual Y Label
    • Multi Axis Attrs
    • Where

    Graph Attributes (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Version
    • Chart type
    • Chart Palette
    • Palette Colors
    • Width
    • Height
    • Template
    • Loading Message
    • Parsing Data Message
    • No Data Message
    • Custom attributes

    Trend Line specific attributes (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Label - The label to use for this element
    • Start Value
    • End Value
    • Show on top
    • Is a Zone

    Background Properties (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Color
    • Alpha
    • Image

    Canvas or Pies Properties (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Color
    • Alpha
    • Border color
    • Border Thickness

    Chart and Axis Titles (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Caption
    • Sub-caption
    • x-Axis name
    • y-Axis name

    Chart Numerical Limits (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • y-Axis Min value
    • y-Axis Max value

    General Properties (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Show Names
    • Show Values
    • Show Limits
    • Rotate Names x-Axis
    • Slant Names x-Axis
    • Rotate Values
    • Values inside
    • Animation - Whether the animation is to be played or whether the entire chart would be rendered at one go. FusionCharts Attribute: animation
    • Column Shadow
    • Num. Visible

    Font Properties (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Base Font
    • Base Font Size
    • Base Font Color
    • Out-Canvas Base Font
    • Out-Canvas Base Font Size
    • Out-Canvas Base Font Color

    Number Formatting Options (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Number Prefix
    • Number Suffix
    • Format Number
    • Format Number Scale
    • Decimal Separator
    • Thousand Separator
    • Decimal Precision
    • Division Line Decimal Precision
    • Limits Decimal Precision

    Zero Plane (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Thickness
    • Color
    • Alpha

    Divisional Lines (Horizontal) (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Number
    • Color
    • Thickness
    • Alpha
    • Show Value
    • NoYes
    • Alternate Horizontal Grid Color
    • Alpha

    Divisional Lines (Vertical) (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Number
    • Color
    • Thickness
    • Alpha
    • Alternate Vertical Grid Color
    • Alpha

    Hover Caption Properties (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Show Caption
    • Background Color
    • Border Color
    • Separator character

    Chart Margins (top)

    [Screenshots of options and examplesneeded. Options need explanations.]
    • Left Margin
    • Right Margin
    • Top Margin
    • Bottom Margin
  • Loading...