|
|
|
Forum Newbie
Group: Forum Members
Last Login: Yesterday @ 11:53:11 AM
Posts: 5,
Visits: 12
|
|
When loading Charts using the Javascript functions I keep getting the following error on IE7 (it appears to work on all other browsers):
Line: 0
Error: Object Does not support this property or Method
When I go to Debug it points to:
try { document.getElementById("largeChart").SetReturnValue(__flash__toXML(FC_Loaded("largeChart")) ); } catch (e) { document.getElementById("largeChart").SetReturnValue(""); }
It seems to happen on each call to render (IE: largeChart.render("largeChart")
Here is an example of the JS code:
<script type="text/javascript" src="/js/FusionCharts.js"></script>
<script type="text/javascript">
var callData = "%3Cchart%20showNames%3D%271%27%20showValues%3D%270%27%20rotateNames%3D%270%27%20showColumnShadow%3D%271%27%20animation%3D%271%27%20bgColor%3D%27ffffff%27%20chartLeftMargin%3D%270%27%20chartRightMargin%3D%275%27%20chartTopMargin%3D%275%27%20chartBottomMargin%3D%270%27%20labelStep%3D%277%27%20showBorder%3D%270%27%20canvasBorderAlpha%3D%270%27%20yAxisValuesStep%3D%272%27%20divLineDashLen%3D%271%27%20divLineDashGap%3D%272%27%20divLineIsDashed%3D%271%27%20showAlternateHGridColor%3D%270%27%20numVDivLines%3D%270%27%20yAxisValuesPadding%3D%27-15%27%20canvasPadding%3D%2760%27%20anchorRadius%3D%275%27%20anchorBgColor%3D%27E1f5ff%27%3E%0A
%3Cset%20label%3D%27March%204%2C%202008%27%20value%3D%272%27%20link%3D%22calls%2Fdate%2F2008-03-04%22%20%2F%3E%0A
%3Cset%20label%3D%27March%205%2C%202008%27%20value%3D%2797%27%20link%3D%22calls%2Fdate%2F2008-03-05%22%20%2F%3E%0A
%3Cset%20label%3D%27March%206%2C%202008%27%20value%3D%2720%27%20link%3D%22calls%2Fdate%2F2008-03-06%22%20%2F%3E%0A
%3Cset%20label%3D%27March%208%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-08%22%20%2F%3E%0A
%3Cset%20label%3D%27March%209%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-09%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2010%2C%202008%27%20value%3D%275%27%20link%3D%22calls%2Fdate%2F2008-03-10%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2012%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-12%22%20%2F%3E%0A%3Cvline%20color%3D%22CCCCCC%22%20dashed%3D%271%27%20dashLen%3D%271%27%20dashGap%3D%272%27%3E%3C%2Fvline%3E
%3Cset%20label%3D%27March%2014%2C%202008%27%20value%3D%275%27%20link%3D%22calls%2Fdate%2F2008-03-14%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2015%2C%202008%27%20value%3D%2717%27%20link%3D%22calls%2Fdate%2F2008-03-15%22%20%2F%3E%0A
%3Cstyles%3E%0A%20%20%20%20%20%20%20%20%3Cdefinition%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstyle%20name%3D%27myToolTipFont%27%20type%3D%27font%27%20font%3D%27Arial%27%20size%3D%2712%27%20color%3D%27FF5904%27%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdefinition%3E%0A%20%20%20%20%20%20%20%20%3Capplication%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Capply%20toObject%3D%27ToolTip%27%20styles%3D%27myToolTipFont%27%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fapplication%3E%0A%20%20%20%20%3C%2Fstyles%3E%0A%3C%2Fchart%3E%20";
var largeChart = new FusionCharts("/Charts/Line.swf", "largeChart", "100%", "150", 0, 1);
largeChart.setDataXML(callData);
largeChart.render("largeChart");
<script>
|
|
|
|
|
Supreme Being
Group: Moderators
Last Login: Today @ 1:21:47 AM
Posts: 675,
Visits: 1,079
|
|
| Hi, Could you please use different id for DIV and the chart. Here, the DIV's id is same as the chart's. Hence, the conflict in accessing the DOM in IE. Please try using "largeChart" for DIV and "largeChart1" for the chart.
var largeChart = new FusionCharts("Column2D.swf", "largeChart1", "900", "300", "0", "1");
... largeChart.render("largeChart");
Regards,
Sudipto Choudhury
FusionCharts Team
|
|
|
|