Sign in to follow this  

Using XSLT Repeat Region to repeat same graph with different datasets in the same page

Recommended Posts

I'm a newbie with FusionCharts (which I love) and XML.

I'm developing a dashboard with just access to XML files (ie. no access to server side programming - the site is being put on an Internal Sharepoint Site which I am using as a basic webserver)

I thought I would be able to repeat the same graph showing different data by accessing different data xml files by using XSLT repeat region.  The DataXML method just doesn't seem to work with XSLT Pinch.gif,  the DataURL method works but only renders the last referenced data file in the first chart (see simple example below).

I thinkWhistling.gif that this is because the div tag is specifically referenced - rather than a different div tag id for each region. 

Is there anyway to repeat same graphs using XSLT  and/or renaming the div tag with code (I tried having a name for the div tag in the XML file but it didn't like the reference)

Any ideas gratefully received

Cheers   Dev

Simple Example:












XSL Code :

<xsl:for-each select="ProductFamily/Products/Product">

  <div id="MyChart" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>

  <script type="text/javascript">

  var myChart = new FusionCharts("Column3D.swf", "myChartId", "900", "300", "0", "0");

  myChart.setDataURL("<xsl:value-of select="datafile"/>");




Share this post

Link to post
Share on other sites



We are soon going to release Public beta of FusionCharts for Sharepoint.


Please check demo video from :




FusionCharts for Sharepoint would have majority of charts from FusionCharts v3.2 pack as well some charts from PowerCharts and FusionWidgets pack.


It would have a GUI for easy chart configuration.


This component can connect to SharepointList, MSSQL, Oracle, Excel service or CSV data.


Though Flash based, it would support JavaScript fallback chart for iPad too.


There are lot more features that are going to wow your Sharepoint reports....will keep updating..

Share this post

Link to post
Share on other sites
Guest Rajroop

Hi there,


We proudly announce the release of FusionCharts for SharePoint in beta. FusionCharts for SharePoint helps you create interactive & data-driven charts in SharePoint, without having to write a line of code. The charts are created using a wizard and can connect to various data sources such as SharePoint Lists, CSV, MS SQL, Oracle, Excel & BDC. You can add drill-down and export capabilities to each chart and configure both cosmetic and functional aspects.



You can download the fully-functional version from - we would love to have your feedback on this.


Please post your suggestions and any bugs as replies to the forum thread at:

FusionCharts for SharePoint beta impression

Share this post

Link to post
Share on other sites
Guest Angie

Dear User,


We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.


Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.


5 new chart types:


Heat Map Chart


Box and Whisker Chart


Step Line Chart


Error Line Chart


Error Scatter Chart



* Support for JSON data format.


* Support for LinkedCharts, where a single data source controls multiple charts.


* Interactive legends in charts allow selective showing/hiding of data series.


* Legends now support icons for each data series.


* Better management of labels on charts.


* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.


* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.


* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.


* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.


* In Step-line charts dataplots can be joined using vertical lines.


* Custom alignment of caption and sub caption using STYLES.


* Advanced print management using JavaScript.


* Additional options for efficient event handling using JavaScript.


* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).


* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).



Learn more about everything new in PowerCharts v3.2 at : http:/


We would love to hear from you at:

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this