Random border colors in radar chart after upgrade to XT

[jpierce42]

I recently upgraded from FusionCharts 3.2.1 to XT.  I followed the instructions here:

 

http://docs.fusioncharts.com/charts/contents/Introduction/Upgrading32.html

 

and am using the following line to render JS charts by default:

 

FusionCharts.setCurrentRenderer('javascript');

 

Previously, our system was set up to render Flash charts from XML data, and I haven't changed any of the existing code.

 

In our radar chart, I'm now seeing random yellow and green borders in the chart, which previously defaulted to blue and red.  No color settings have been changed in the code.

 

Correct borders (before upgrade):

 

Wrong borders (after upgrade):

 

 

When I inspect the element in Chrome's dev tools, this is the blue area w/yellow border:

<path fill="#1875bb" stroke="#f6bd0f" d="M405,188.00464285714287L257.2115117711864,153.14261345436068L232.51679834241202,310.3681652202647L331.6978216117407,423.2135418385827L479.1992330188848,425.07629497297097L597.9277881645809,315.03450867709086L560.1779126402544,147.24974412707877Z" stroke-opacity="1" fill-opacity="0.3" stroke-width="2" style=""></path>

 

Red w/green border:

<path fill="#ff0000" stroke="#8bba00" d="M405,259.48107142857145L383.293565791393,253.68969635110923L383.1156538798386,275.99495919322226L399.6176722162467,282.1765188063295L415.3802035829528,292.55471484077833L419.6855480543188,274.35188051124123L423.2426415157442,256.45197884827263Z" stroke-opacity="1" fill-opacity="0.3" stroke-width="2" style=""></path>

 

This is the XML being passed to the chart:

 

<?xml version='1.0' encoding='utf-8'?>

<chart showLegend='1' showAboutMenuItem='0' showToolTip='1' seriesNameInToolTip='1' exportEnabled='1' plotFillAlpha='30' radarFillColor='FFFFFF' imageSaveURL='/data/image' exportFormats='PNG=Save as Image' decimals='1' subcaption='Latest data is from 03/11/2014'> 

<categories>

<category label="Buzz"/>

<category label="Impression"/>

<category label="Quality"/>

<category label="Value"/>

<category label="Reputation"/>

<category label="Satisfaction"/>

<category label="Recommend"/>

</categories>

<dataset plotBorderThickness='0' anchorAlpha='0' plotFillAlpha='20' color='000000' seriesname='' plotBorderAlpha='0'>

<set />

<set />

<set />

<set />

<set />

<set />

<set />

</dataset>

<dataset plotBorderThickness='2' anchorAlpha='100' plotFillAlpha='10' color='1875bb' seriesname='Amazon.com' plotBorderAlpha='100'>

<set value='28.1'/>

<set value='64.0'/>

<set value='59.9'/>

<set value='57.2'/>

<set value='57.9'/>

<set value='67.0'/>

<set value='67.2'/>

</dataset>

<dataset plotBorderThickness='2' anchorAlpha='100' plotFillAlpha='10' color='ff0000' seriesname='Sector Median' plotBorderAlpha='100'>

<set value='3.9'/>

<set value='9.4'/>

<set value='7.6'/>

<set value='4.2'/>

<set value='8.1'/>

<set value='5.1'/>

<set value='7.9'/>

</dataset>

   <styles>

        <definition>

                        <style color='000000' size='10' type='font' bold='1' name='boldfont' />

                        <style color='000000' size='10' type='font' bold='0' name='defaultfont' />

                    </definition>

        <application>

                        <apply toObject='CAPTION' styles='boldfont' />

                        <apply toObject='XAXISNAME' styles='defaultfont' />

                        <apply toObject='YAXISNAME' styles='defaultfont' />

                    </application>

    </styles>

</chart>

 

Any idea why these border colors changed randomly?  Do I now need to specify the color explicitly?  Please let me know how to fix.  Thanks!

 

[jpierce42]

Update:  I tried setting the borderColor attribute explicitly, but I'm still getting the same results (yellow & green borders, as in screenshot above).

 

Here is the new dataset XML:

 

<dataset plotBorderThickness='2' borderColor='1875bb' anchorAlpha='100' plotFillAlpha='10' color='1875bb' seriesname='Amazon.com' plotBorderAlpha='100'>

<set value='28.1'/>

<set value='64.0'/>

<set value='59.9'/>

<set value='57.2'/>

<set value='57.9'/>

<set value='67.0'/>

<set value='67.2'/>

</dataset>

<dataset plotBorderThickness='2' borderColor='ff0000' anchorAlpha='100' plotFillAlpha='10' color='ff0000' seriesname='Sector Median' plotBorderAlpha='100'>

<set value='3.9'/>

<set value='9.4'/>

<set value='7.6'/>

<set value='4.2'/>

<set value='8.1'/>

<set value='5.1'/>

<set value='7.9'/>

</dataset>

[Haritha]

Hi,

 

Please use the attribute "plotBorderColor" to set the border color of dataset.

 

Ref.

<dataset .... plotBorderColor='1875bb' ... >

 

Hope this helps.

[jpierce42]

Ah, whoops - yes, this fixed the problem.  Thanks Haritha.  

[Haritha]