The Appfire FlashCharts Plugin introduces "data visualization" to Clearspace through stunning XML-based Flash charts and graphs. 20 different flavors of animated charts are individually controlled through 'macro parameters' and a set of associated 'xml data structures' required by each chart type. A few of the many example uses for this plugin include:
Creating Informative Dashboard Widgets
Comparing Sales Performance
Developing and Presenting Financial Reports
Archiving Performance Statistics
General Presentation Collaboration
... and much, much more.
Syntax Example #1:
{flashcharts:chart=Column3D|width=600|height=325} <graph yAxisName='Sales Figures' caption='Top 5 Sales Representatives' numberPrefix='$' decimalPrecision='1' divlinedecimalPrecision='0' limitsdecimalPrecision='0'> <set name='Jonathan' value='54000' color='AFD8F8' ></set> <set name='Phil' value='34000' color='F6BD0F' ></set> <set name='Randall' value='22300' color='8BBA00' ></set> <set name='Mat' value='45300' color='FF8E46' ></set> <set name='Dawn' value='61300' color='008E8E' ></set> </graph> {flashcharts}
Syntax Example #2:
{flashcharts:chart=Column3D|xml=http://www.appfire.com/example.xml|width=600|height=325}{flashcharts}
Rendered Chart Example: (Same for syntax examples #1 and #2)
Note that "(!)" represents required, "(-)" represents not required and "(+)" represents conditional
Required | Macro Component | Example | Default Value | Details & Notes | |
|---|---|---|---|---|---|
| chart parameter | chart=Column3D | -- | Used within the opening macro tag, this parameter defines the desired chart type (options outlined below). | |
| width parameter | width=550 | 600 | Used within the opening macro tag, this parameter defines the width of rendered chart (in pixels). | |
| height parameter | height=350 | 400 | Used within the opening macro tag, this parameter defines the height of the rendered chart (in pixels). | |
| xml parameter | -- | Used within the opening macro tag, this parameter defines the URL path to an external .xml file containing data for the chart (xml syntax outlined below).
| ||
| "pipe" parameter separator | width=550\ | height=350 | -- | Used to separate multiple parameter/value pairs within the opening macro tag.
|
| macro body | -- | Used to define the XML data for a chart between the opening and closing macro tags.
| ||
| closing macro tag | {flashcharts:chart=FCF_Column3D} ... macro body ... {flashcharts}
| -- | Defines the end of the macro |
'chart' Macro Parameter Value Options | Type of Chart | Example Chart | Required XML Syntax for Chart Data |
|---|---|---|---|
Column2D | 2D Column Chart | ||
Column3D | 3D Column Chart | ||
Pie3D | 3D Pie Chart | ||
Pie2D | 2D Pie Chart | ||
Line | 2D Line Chart | ||
Bar2D | 2D Bar Chart | ||
Area2D | 2D Area Chart | ||
Doughnut2D | 2D Doughnut Chart | ||
MSColumn2D | Multi-series 2D Column Chart | ||
MSColumn3D | Multi-series 3D Column Chart | ||
MSLine | Multi-series 2D Line Chart | ||
MSArea2D | Multi-series 2D Area Chart | ||
MSBar2D | Multi-series 2D Bar Chart | ||
StackedColumn2D | Stacked 2D Column Chart | ||
StackedColumn3D | Stacked 3D Column Chart | ||
StackedBar2D | Stacked 2D Bar Chart | ||
StackedArea2D | Stacked 2D Area Chart | ||
MSColumn3DLineDY | 3D Column + Line (Dual-Y axis) | ||
MSColumn2DLineDY | 2D Column + Line (Dual-Y axis) | ||
Funnel | Funnel Chart |
(Associated .swf files provided courtesy of FusionCharts Free)
The
{flashcharts}
macro can be leveraged within most areas of Clearspace including:
Wiki Documents
Forum Messages
Blog Entries
Comments
Internal Email Messages
An 'Enterprise' version of this plugin is currently in the early stages of development. You can sign up to be informed of our progress on our website.
For enterprise Clearspace implementations, Appfire Technologies offers professional plugin customization services which can enable charts to read from existing data repositories.
The current version does not support the "Export to PDF" feature in Clearspace.
The current version does not render flash charts within the content edit view's "Preview" pane in Clearspace.
When defining XML chart data inside a macro's body in Clearspace, the XML characters
"<"
and
">"
are being converted into their html equivalents. This has been noticed to occur when a macro is created within the "Rich Text" pane and then viewed within the 'Plain Text' pane. Note however that this does not seem to affect the macro's performance in any way.
Release Version | Plugin JAR File | Release Date | Confirmed Clearspace Version Compatibility | Release Notes |
|---|---|---|---|---|
v0.6 (beta) | 02/12/08 | v1.9.0, v1.10.0 |
| |
v0.5 (beta) | 02/08/08 | v1.9.0, v1.10.0 |
|
Confirm that you have installed and are running the latest compatible release version of Clearspace.
If you have a previous version of the Appfire FlashCharts Plugin installed, delete the old version through the 'Clearspace Admin' > 'System' > 'Plugins' interface.
Please note that there is a known plugin uninstall defect that may impact this approach. (In the meantime, consider using 'Method 2' below to remove previous versions of the plugin.)
Download the latest compatible release version of the Appfire FlashCharts Free JAR file.
Be sure not to change the JAR filename prior to installation as errors may occur.
Install the downloaded JAR file through the 'Clearspace Admin' > 'System' > 'Plugins' > 'Add Plugin' interface.
After the plugin is installed, navigate to the front-end Clearspace instance and create a new wiki document.
Add a properly formatted
{flashcharts}
macro (as outlined in 'Syntax Example #1' above) to the document.
Publish the new document and confirm that you can see the 'Rendered Chart Example' outlined above.
Confirm that you have installed and are running the latest compatible release version of Clearspace.
Stop the Clearspace instance.
If you have a previous version of the Appfire FlashCharts Plugin installed, delete the old version within the 'clearspace_jiveHome_location\plugins' folder.
Be sure to delete the old JAR file as well as the corresponding directory.
Download the latest compatible release version of the Appfire FlashCharts Free JAR file.
Be sure not to change the JAR filename prior to installation as errors may occur.
Copy the downloaded JAR file into the 'clearspace_jiveHome_location\plugins' folder.
Restart the Clearspace instance.
Navigate to 'Clearspace Admin' > 'System' > 'Plugins' to confirm that the Appfire FlashCharts Plugin was installed.
With the plugin installed, navigate to the front-end Clearspace instance and create a new wiki document.
Add a properly formatted
{flashcharts}
macro (as outlined in 'Syntax Example #1' above) to the document.
Publish the new document and confirm that you can see the 'Rendered Chart Example' outlined above.
Thanks for the feedback Aaron !
We've added some additional screenshots of the plugin in action on our website at Appfire.com.
A Note from Appfire:
We're excited to hear how the Appfire FlashCharts Plugin is being put to good use in your Clearspace community. Whether it's for reporting sales statistics, establishing slick dashboard widgets, or something we haven't even thought of yet ... your comments and feedback are welcome!
Cheers,
![]()
Hello Mat,
Looks like a tool we could use.
I installed the plugin on CSX 1.10.0. Tried (copy and paste) Syntax Examples #1 and #2 in a wiki document but did not have much luck as the charts were not displayed. Tried on both MSFT IE 7 and Firefox. Is it possible l might be missing a configuration step?
Thx,
Daniel.
I was able to install and check the plugin on 1.9.0. Works great!
Hi Daniel,
We'll be happy to try and alleviate any trouble you may be experiencing.
The first thing we should do is try to identify if it's an installation issue or a macro syntax issue.
Here's a few quick questions that will provide us with a little more info:
Would you be able to take a few screenshots of what your seeing, post them someplace and link to them from this page? We would like to evaluate the following:
The 'Edit' view of the 2 pages where you deployed your test macros
The 'Rendered' view of the 2 pages where you deployed your test macros.
Your current 'Clearspace Plugin Admin' page available by going to "Admin" > "System" > "Plugins".
After downloading the plugin from Jivespace, did you happen to rename the JAR file? (This would prevent the plugin from working properly.)
Are you seeing any exceptions within the Clearspace log file associated with FlashCharts?
Hi Ajay,
Thanks for the feedback !!
We'll update the documentation above to reflect Clearspace v1.9.0 compatibility.
Hello Mat,
Please refer to the following posting:
http://www.jivesoftware.com/community/docs/DOC-1972
Thanks,
Daniel.
I can't get it to work in 1.10.1. It doesn't even attempt to render the chart, instead it just publishes
Hi Daniel ("abakwaboy"),
Thanks for your excellent documentation.
We believe we've identified the issue you're experiencing.
We're working on a resolution as we speak and are planning to issue a v0.6 release shortly.
Stay tuned ...
Hi Dan ("dmccall"),
Thank for your feedback. We will be happy to help you troubleshoot.
When you have a moment, could you please provide us with some additional information about your installation?
Would you be able to take a few screenshots of what your seeing (including the URL path after the domain), post them, and link to those screenshots with some additional informaiton from this page? We would like to evaluate the following:
The 'Edit' view of the deployed test macro.
The 'Rendered' view of the deployed test macro.
Your current 'Clearspace Plugin Admin' page available by going to "Admin" > "System" > "Plugins".
After downloading the plugin from Jivespace, did you happen to rename the JAR file? (This would prevent the plugin from working properly.)
Are you seeing any exceptions within the Clearspace log file associated with FlashCharts?
(Note that "abakwaboy" posted an issue for us to look into within a separate wiki page.)
Hi Daniel ("abakwaboy"),
We have posted a new v0.6 release of the plugin above which should hopefully alleviate the issue you were experiencing.
Note that we have also updated our recommended installation steps.
Please let us know if this addresses your issue.
Cool stuff guys!