MSCombi2D chart not filling the area with color

[mvirtue]

Hi, we have recently upgraded to the latest version  @version fusioncharts/3.3.1-sr3.21100 and have noticed that the area parts of our graphs are no longer filled.

 

In the attached example, the area components have their fill value set to none instead of the displayed colour.

 

The following is the xml output we use to generate the graph xml data -

 

   <categories font="Arial" fontSize="11">

      <category label="2013" />

      <category label="2014" />

      <category label="2015" />

      <category label="2016" />

      <category label="2017" />

      <category label="2018" />

      <category label="2019" />

      <category label="2020" />

      <category label="2021" />

      <category label="2022" />

      <category label="2023" />

      <category label="2024" />

      <category label="2025" />

      <category label="2026" />

      <category label="2027" />

      <category label="2028" />

      <category label="2029" />

      <category label="2030" />

      <category label="2031" />

      <category label="2032" />

      <category label="2033" />

      <category label="2034" />

      <category label="2035" />

      <category label="2036" />

      <category label="2037" />

   </categories>

   <dataset seriesName="Repayments" renderAs="area" color="#FF0000">

      <set value="2119.6459526025" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

      <set value="0" />

   </dataset>

   <dataset seriesName="Bill with solar" renderAs="area">

      <set value="2119.6459526025" />

      <set value="2121.5707133195" />

      <set value="2123.4858502329" />

      <set value="2125.3914114617" />

      <set value="2127.2874448844" />

      <set value="2129.17399814" />

      <set value="2131.0511186293" />

      <set value="2132.9188535162" />

      <set value="2134.7772497286" />

      <set value="2136.6263539599" />

      <set value="2138.4662126701" />

      <set value="2140.2968720868" />

      <set value="2142.1183782063" />

      <set value="2143.9307767953" />

      <set value="2145.7341133913" />

      <set value="2147.5284333044" />

      <set value="2149.3137816179" />

      <set value="2151.0902031898" />

      <set value="2152.8577426538" />

      <set value="2154.6164444206" />

      <set value="2156.3663526785" />

      <set value="2158.1075113951" />

      <set value="2159.8399643181" />

      <set value="2161.5637549765" />

      <set value="2163.2789266816" />

   </dataset>

   <dataset seriesName="Bill without solar" renderAs="line">

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

      <set value="2504.598096" />

   </dataset>

   <dataset seriesName="Effective Post-Solar Electricity Spend" renderAs="line">

      <set value="2119.6459526025" />

      <set value="2121.5707133195" />

      <set value="2123.4858502329" />

      <set value="2125.3914114617" />

      <set value="2127.2874448844" />

      <set value="2129.17399814" />

      <set value="2131.0511186293" />

      <set value="2132.9188535162" />

      <set value="2134.7772497286" />

      <set value="2136.6263539599" />

      <set value="2138.4662126701" />

      <set value="2140.2968720868" />

      <set value="2142.1183782063" />

      <set value="2143.9307767953" />

      <set value="2145.7341133913" />

      <set value="2147.5284333044" />

      <set value="2149.3137816179" />

      <set value="2151.0902031898" />

      <set value="2152.8577426538" />

      <set value="2154.6164444206" />

      <set value="2156.3663526785" />

      <set value="2158.1075113951" />

      <set value="2159.8399643181" />

      <set value="2161.5637549765" />

      <set value="2163.2789266816" />

   </dataset>

   <styles>

      <definition>

         <style name="myCaptionFont" type="font" font="Arial" size="16" color="707070" bold="1" />

      </definition>

      <application>

         <apply toObject="Caption" styles="myCaptionFont" />

      </application>

   </styles>

</chart>

 

 

 

We have tried explicitly setting the color attribute for the dataset and this has no effect.

 

Any advice would be appreciated.

Edited January 8, 2014 by mvirtue

[Guest Sumedh]

Hello,

 

I have tested your chart XML using Combination 2D chart (MSCombi2D) and I am not able to replicate the same.

 

Please find attached screen-shot for your reference.

 

Are you facing this issue with any specific browser type?

[mvirtue]

We are not experiencing this issue in isolation with regard to browser type. It occurs on each browser we test.

 

We have also switched on the debug functionality of the chart and that seems to be functioning correctly and without error.

 

We have also tested with differing versions of jquery. It is also relevant to point out that we are using the javascript version, not the .swf version.

 

Any assistance would be appreciated.

[Guest Sumedh]

Hello,

 

I have created a simple sample and I used the same XML data and chart is getting rendered fine in all the browsers.

 

Can you please check/test with the attached sample and share your feedback?

 

 

MSCombi2D_test.zip

[mvirtue]

Thanks for your example, I was able to isolate the defective code.

 

In the charts attribute, we were setting the 'plotGradientColor' => ' ' which was causing it to use transparent gradients.

 

 

thanks very much for your assistance with this.

[Guest Sashibhusan]