|
|
|
Junior Member
 
Group: Forum Members
Last Login: 5/28/2008 6:27:35 PM
Posts: 12,
Visits: 28
|
|
Hello,
I've been using some of the FusionCharts in a prototype of the re-design for one of our applications.
The basic structure of the page will have up to 8 FusionCharts on each page showing various information. I'm also using wmode='opaque' in order to allow HTML content to display over top of the flash.
The results on my system:
Internet Explorer 7.0.5730.11 -- Works fine
Firefox 2.0.0.11 (Windows) -- ~50% CPU usage per page when 8 graphs are displayed.
Opera 9.24 (Windows) -- Works fine
Safari 3.0.4 (Windows) -- Browser locks up and needs to be killed.
This problem only occurs when wmode is set to either opaque or transparent (if left at "window" the default value it works fine).
The problem also only occurs when several charts are being displayed. Firefox showed no CPU issues when 5 or fewer charts are shown, and Safari has CPU usage issues when more than 1 are shown, but doesn't lock up with 3 charts on the page.
I'm using the FusionCharts.js file (Version: 1.1 (29th June, 2007)) to insert the graphs on to the page. Usage is mostly standard, however I have added a setAttribute call to apply the wmode change as explained above. I have also tried the FusionChartsWMode.js file posted on the forums with the same results.
The problem can currently be soon at the following location: [EDIT: URL removed as the page is no longer there. Please see the attachment posted below]
Please let me know if you require any additional information.
|
|
|
|
|
FusionCharts Team
Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956,
Visits: 468
|
|
Hi,
I tried the same with Firefox 2.0.11 on Windows XP and it seems to work fine. On what OS did you try it?
Thanks,
Pallav Nadhani
FusionCharts Team
|
|
|
|
|
Junior Member
Group: Forum Members
Last Login: 5/28/2008 6:27:35 PM
Posts: 12,
Visits: 28
|
|
Hi Pallav,
I'm also running Windows XP, and have tested it on another Windows XP workation. The XP boxes were both running the most recent version of Firefox with Flash 9,0,115,0 on one, and 9,0,47,0 on the other. Both of these computers get up to 50% load after it draws all of the graphs (Note: this requires scrolling all the way down the page so that all of the graphs are drawn).
I've also tried it on a Windows Vista laptop (Firefox 2.0.0.11, Flash 9,0,47,0) that had no CPU load issues on the page, so it's not consistent on all the boxes I've tried.
[EDIT: URL removed as the page is no longer there. Please see the attachment posted below]
|
|
|
|
|
Junior Member
Group: Forum Members
Last Login: 5/28/2008 6:27:35 PM
Posts: 12,
Visits: 28
|
|
Here's a stripped down version of this issue to show that there's nothing fancy going on with our site causing this bug.
You'll need the following:
FusionCharts.js
Col3D1.xml from the sample gallery.
Column3D.swf also from the sample gallery.
and the following HTML page:
<html>
<head>
<script type='text/javascript' src='FusionCharts.js'></script>
<script type='text/javascript'>
var chart = new Array();
function drawChart(i)
{
chart[i] = new FusionCharts('Column3D.swf', 'chart' + i, '500', '300', '0', '1');
chart[i].setDataURL('Col3D1.xml');
chart[i].addParam('wmode', 'opaque');
chart[i].render('d' + i);
}
</script>
<style type='text/css'>
div.graph_div {
width: 500px;
height: 300px;
border: solid black 1px;
margin-bottom: 0.5em;
}
</style>
</head>
<body>
<div class='graph_div' id='d0'></div>
<script type='text/javascript'>drawChart(0);</script>
<div class='graph_div' id='d1'></div>
<script type='text/javascript'>drawChart(1);</script>
<div class='graph_div' id='d2'></div>
<script type='text/javascript'>drawChart(2);</script>
<div class='graph_div' id='d3'></div>
<script type='text/javascript'>drawChart(3);</script>
<div class='graph_div' id='d4'></div>
<script type='text/javascript'>drawChart(4);</script>
<div class='graph_div' id='d5'></div>
<script type='text/javascript'>drawChart(5);</script>
<div style='height: 1000px; width: 20px; background-color: red; position: absolute; top: 300px; left: 100px;'></div>
</body>
</html>
Place all the files in the same directory.
To reproduce the bug, scroll down to the bottom of the page and allow all the charts to load. I've only seen this issue in Firefox and Safari. The CPU usage should go unusually high once all the charts have loaded, or your browser will start behaving poorly.
The expected result is that the page loads correctly and there is a red div floating over top of the graphs. If you comment out the line which says "chart[i].addParam('wmode', 'opaque');" the red div will go behind the graphs and the CPU usage will be minimal.
I've attached a zip file with the files above for ease in trying this out.
|
|
|
|
|
Junior Member
Group: Forum Members
Last Login: 5/28/2008 6:27:35 PM
Posts: 12,
Visits: 28
|
|
Hi Pallav,
Have you had any success in reproducing the issue I've been having?
--Gregor
|
|
|
|
|
FusionCharts Team
Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956,
Visits: 468
|
|
Hi Gregor,
Unfortunately, it still doesn't spike up the CPU on my machine. However, is there a specific reason you want to use opaque as Wmode?
Thanks,
Pallav Nadhani
FusionCharts Team
|
|
|
|
|
Junior Member
Group: Forum Members
Last Login: 5/28/2008 6:27:35 PM
Posts: 12,
Visits: 28
|
|
There's some content on our site (tooltips, a page progress bar, and a dropdown menu) which are designed to display over top of the other HTML content.
If the wmode is left as its default value, that HTML content will display behind the flash. I need to set the wmode to opaque or transparent in order to have that content display on top of the flash.
Have you tried Safari 3 for Windows? That browser will consistently lock up on my box when trying to view the test page I posted earlier.
Is there any sort of advanced debug logging that I can turn on in order to help diagnose the issue?
|
|
|
|
|
FusionCharts Team
Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956,
Visits: 468
|
|
Hi,
To get the objects over Flash, you should set transparent WMode.
I'm afraid we've not tried Safari on Windows - but on Mac. We do not have more advanced skills in FusionCharts - however external tools like Firebug might be able to detect something.
Thanks,
Pallav Nadhani
FusionCharts Team
|
|
| |