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

Fusion Charts visualization (+)

Jun 11, 2020
Fusion Charts visualization (+)
  • [This wiki entry contains snippets from the forums, and needs enhancement and tidying.]


    Installation Tasks (top)

    Install the Fabrik Fusion Charts plug-in(top)

    Download and install
    Create a folder fusioncharts-suite-xt at ./plugins/fabrik_visualization/fusionchart/libs

    Installing Fusion Charts (top)

    (Fabrik3.9+) This plugin works with the FusionCharts XT product. You can obtain a fully working trial version from https://www.fusioncharts.com/download/fusioncharts-suite-xt?framework=php

    Unzip fusioncharts-suite-xt.zip, upload the entire package to the 'libs/fusioncharts-suite-xt' folder in the Fabrik Fusion Chart plugin, such that the fusioncharts.php wrapper is at ./plugins/fabrik_visualization/fusionchart/libs/fusioncharts-suite-xt/integrations/php/fusioncharts-wrapper/fusioncharts.php.
    Then select the fusioncharts-suite-xt folder in the FusionChart Library selection in the Graph Atttributes tab, If you have a licensed copy or different versions, you can upload them to the same libs location and select the version you want to use.
    upload_2020-6-11_21-20-42.png

    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...