jpierce42

Random border colors in radar chart after upgrade to XT

Recommended Posts

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

 


 

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):

post-62552-0-76996700-1394653668_thumb.png

 

Wrong borders (after upgrade):

post-62552-0-13651200-1394653675_thumb.png

 

 

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!

 

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

Hi,

 

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

 

Ref.

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

 

Hope this helps.

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