Javascript Embedding for IS?

Javascript Embedding for IS?

FusionCharts Forum

Home

Welcome Guest ( Login | Register )

Recent Posts

Popular Topics

Home » FusionWidgets v3 (previously FusionGadgets) » Using FusionWidgets » Javascript Embedding for IS?

11 posts, Page 1 of 2

Javascript Embedding for IS?

Expand / Collapse

Author

Message

Posted 5/23/2007 5:50:33 PM

Forum Newbie

Group: Forum Members
Last Login: 9/7/2007 2:55:31 PM
Posts: 6, Visits: 10

How does one use Javascript embedding to get around the IE "click to activate" problem with the Instrumentation Suite? The method described in the HOWTO works for FusionCharts but not IS. All I get is the default text (i.e. "Chart") when I try this.

Here's the code from the browser:

<div id='gauge_gwDiv' align='center'>
Chart.
</div>
<script type="text/javascript">
var chart_gauge_gw = new FusionCharts("/flash/charts/FI2_Angular.swf", "gauge_gw", "160", "80", "0", "0");
chart_gauge_gw.setDataXML("
<chart
upperLimit='30'
lowerLimit='-30'
numberSuffix='%25'
decimalPrecision='0'
majorTMNumber='7'
majorTMHeight='5'
majorTMThickness='1'
majorTMColor='444444'
minorTMNumber='4'
minorTMColor='888888'
minorTMHeight='3'
pivotRadius='5'
showBorder='0'
gaugeOuterRadius='40'
gaugeInnerRadius='5'
gaugeAlpha='60'
displayValueDistance='12' >
<colorRange>
<color minValue='-30' maxValue='-15' code='d3c0c0' />
<color minValue='-15' maxValue='5' code='dddddd' />
<color minValue='5' maxValue='30' code='e8f9e8'/>
</colorRange>
<dials>
<dial value='0' bgColor='333300' borderAlpha='0' baseWidth='4' topWidth='1' radius='40'/>
</dials>
</chart>
");
chart_gauge_gw.render("gauge_gwDiv");
</script>

Post #1075

Posted 5/24/2007 12:32:10 AM

FusionCharts Team

Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956, Visits: 468

Hi,

The same JS can work with IS too. What error are you getting?

Thanks,
Pallav Nadhani
FusionCharts Team

Post #1079

Posted 5/25/2007 12:49:49 PM

Forum Newbie

Group: Forum Members
Last Login: 9/7/2007 2:55:31 PM
Posts: 6, Visits: 10

I don't get any errors, the chart just doesn't plot. All I see is the default text. ("Chart")

Post #1095

Posted 5/27/2007 11:24:29 PM

FusionCharts Team

Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956, Visits: 468

Can you make sure you've included FusionCharts.js in the page?

Thanks,
Pallav Nadhani
FusionCharts Team

Post #1100

Posted 6/1/2007 9:38:14 AM

Forum Newbie

Group: Forum Members
Last Login: 9/7/2007 2:55:31 PM
Posts: 6, Visits: 10

I'm pretty sure I've got the .js file included because other, "regular" charts on the page work, just not the instrumentation gauges.

Post #1155

Posted 6/1/2007 10:41:51 PM

FusionCharts Team

Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956, Visits: 468

Can you please fwd me a copy of your output HTML?

Thanks,
Pallav Nadhani
FusionCharts Team

Post #1165

Posted 6/6/2007 10:37:11 AM

Forum Newbie

Group: Forum Members
Last Login: 9/7/2007 2:55:31 PM
Posts: 6, Visits: 10

Here the source from the "view source" of Firefox.

[code]
<table cellspacing="2" border="0">
<tr>
<td>
<table>
<tr>
<td colspan="3" class="gaugeTitle">Sales</td>
<tr>

<td>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height="80" id="gauge_gw">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="/flash/charts/FI2_Angular.swf"/>
<param name="FlashVars" value="&chartWidth=160&chartHeight=80&debugMode=0&dataXML= <chart upperLimit='30'
lowerLimit='-30'
numberSuffix='%25'
decimalPrecision='0'
majorTMNumber='7'
majorTMHeight='5'
majorTMThickness='1'
majorTMColor='444444'
minorTMNumber='4'
minorTMColor='888888'
minorTMHeight='3'
pivotRadius='5'
showBorder='0'
gaugeOuterRadius='40'
gaugeInnerRadius='5'
gaugeAlpha='60'
displayValueDistance='12'
>
<colorRange>
<color minValue='-30' maxValue='-15' code='d3c0c0' />
<color minValue='-15' maxValue='5' code='dddddd' />
<color minValue='5' maxValue='30' code='e8f9e8'/>
</colorRange>
<dials>
<dial value='0' bgColor='333300' borderAlpha='0' baseWidth='4' topWidth='1' radius='40'/>
</dials>
</chart>
" />
<param name="quality" value="high" />
<embed src="/flash/charts/FI2_Angular.swf" FlashVars="&chartWidth=160&chartHeight=80&debugMode=0&dataXML= <chart upperLimit='30'
lowerLimit='-30'
numberSuffix='%25'
decimalPrecision='0'
majorTMNumber='7'
majorTMHeight='5'
majorTMThickness='1'
majorTMColor='444444'
minorTMNumber='4'
minorTMColor='888888'
minorTMHeight='3'
pivotRadius='5'
showBorder='0'
gaugeOuterRadius='40'
gaugeInnerRadius='5'
gaugeAlpha='60'
displayValueDistance='12'
>
<colorRange>
<color minValue='-30' maxValue='-15' code='d3c0c0' />
<color minValue='-15' maxValue='5' code='dddddd' />
<color minValue='5' maxValue='30' code='e8f9e8'/>
</colorRange>
<dials>
<dial value='0' bgColor='333300' borderAlpha='0' baseWidth='4' topWidth='1' radius='40'/>
</dials>
</chart>
" quality="high" width="160" height="80" name="gauge_gw" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
 </td>
<td>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height="80" id="gauge_gm">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="/flash/charts/FI2_Angular.swf"/>
<param name="FlashVars" value="&chartWidth=160&chartHeight=80&debugMode=0&dataXML= <chart upperLimit='30'
lowerLimit='-30'
numberSuffix='%25'
decimalPrecision='0'
majorTMNumber='7'
majorTMHeight='5'
majorTMThickness='1'
majorTMColor='444444'
minorTMNumber='4'
minorTMColor='888888'
minorTMHeight='3'
pivotRadius='5'
showBorder='0'
gaugeOuterRadius='40'
gaugeInnerRadius='5'
gaugeAlpha='60'
displayValueDistance='12'
>
<colorRange>
<color minValue='-30' maxValue='-15' code='d3c0c0' />
<color minValue='-15' maxValue='5' code='dddddd' />
<color minValue='5' maxValue='30' code='e8f9e8'/>
</colorRange>
<dials>
<dial value='0' bgColor='333300' borderAlpha='0' baseWidth='4' topWidth='1' radius='40'/>
</dials>
</chart>
" />
<param name="quality" value="high" />
<embed src="/flash/charts/FI2_Angular.swf" FlashVars="&chartWidth=160&chartHeight=80&debugMode=0&dataXML= <chart upperLimit='30'
lowerLimit='-30'
numberSuffix='%25'
decimalPrecision='0'
majorTMNumber='7'
majorTMHeight='5'
majorTMThickness='1'
majorTMColor='444444'
minorTMNumber='4'
minorTMColor='888888'
minorTMHeight='3'
pivotRadius='5'
showBorder='0'
gaugeOuterRadius='40'
gaugeInnerRadius='5'
gaugeAlpha='60'
displayValueDistance='12'
>
<colorRange>
<color minValue='-30' maxValue='-15' code='d3c0c0' />
<color minValue='-15' maxValue='5' code='dddddd' />
<color minValue='5' maxValue='30' code='e8f9e8'/>
</colorRange>
<dials>
<dial value='0' bgColor='333300' borderAlpha='0' baseWidth='4' topWidth='1' radius='40'/>
</dials>
</chart>
" quality="high" width="160" height="80" name="gauge_gm" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
 </td>

...Etc...

I have

<script src="/javascripts/PowerMap.js?1161381164" type="text/javascript">
<script src="/javascripts/FusionCharts.js?1160006144" type="text/javascript">

in the section of the page.

Post #1225

Posted 6/7/2007 1:37:08 AM

FusionCharts Team

Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956, Visits: 468

Hi,

This HTML doesn't seem to be using the JavaScript method of embedding - am I interpreting something wrong here?

Thanks,
Pallav Nadhani
FusionCharts Team

Post #1240