Sign in to follow this  
jds

Gradient On Scrollcombi2D.swf

Recommended Posts

Hi there,

 

I was wondering if someone could help me with the ScrollCombi2D.swf chart - I have the xml listed below but the gradient color on the bars is not being used as per the documentation/other multi 2D column charts - it always comes out as a solid flat color. The expected result is that the columns should fade from #f98b06 to #e0530b left to right. I have set the plotGradientColor="" so that it doesn't use a white gradient... that seemed to work on the other 2D column charts but not this one...

 

Thanks

 

 

<chart plotFillAngle="180" plotGradientColor="" maxColWidth="30">

<categories>

<category label="4 Jan"/>

<category label="5"/>

<category label="6"/>

<category label="7"/>

<category label="9"/>

<category label="10"/>

<category label="11"/>

<category label="12"/>

<category label="13"/>

<category label="14"/>

<category label="16"/>

<category label="17"/>

<category label="18"/>

<category label="19"/>

<category label="20"/>

<category label="21"/>

<category label="24"/>

<category label="25"/>

</categories>

<dataset seriesName="Data" color="e0530b,f98b06" showValues="0">

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="6"/>

<set value="3" "toolText="3"/><set value="0" "toolText="0"/>

<set value="6" "toolText="6"/><set value="0" "toolText="0"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

</dataset>

<dataset seriesName="Data 2" color="3b3b3b" showValues="0" renderAs="Line">

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="3"/>

<set value="3" "toolText="3"/><set value="5" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="3"/>

<set value="0" "toolText="0"/><set value="4" "toolText="6"/>

<set value="3" "toolText="3"/><set value="3" "toolText="0"/>

<set value="6" "toolText="6"/><set value="7" "toolText="0"/>

<set value="3" "toolText="3"/><set value="9" "toolText="3"/>

</dataset>

</chart>

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi there,

 

I was wondering if someone could help me with the ScrollCombi2D.swf chart - I have the xml listed below but the gradient color on the bars is not being used as per the documentation/other multi 2D column charts - it always comes out as a solid flat color. The expected result is that the columns should fade from #f98b06 to #e0530b left to right. I have set the plotGradientColor="" so that it doesn't use a white gradient... that seemed to work on the other 2D column charts but not this one...

 

Thanks

 

 

<chart plotFillAngle="180" plotGradientColor="" maxColWidth="30">

<categories>

<category label="4 Jan"/>

<category label="5"/>

<category label="6"/>

<category label="7"/>

<category label="9"/>

<category label="10"/>

<category label="11"/>

<category label="12"/>

<category label="13"/>

<category label="14"/>

<category label="16"/>

<category label="17"/>

<category label="18"/>

<category label="19"/>

<category label="20"/>

<category label="21"/>

<category label="24"/>

<category label="25"/>

</categories>

<dataset seriesName="Data" color="e0530b,f98b06" showValues="0">

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="6"/>

<set value="3" "toolText="3"/><set value="0" "toolText="0"/>

<set value="6" "toolText="6"/><set value="0" "toolText="0"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

</dataset>

<dataset seriesName="Data 2" color="3b3b3b" showValues="0" renderAs="Line">

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="3"/>

<set value="3" "toolText="3"/><set value="5" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="3"/>

<set value="0" "toolText="0"/><set value="4" "toolText="6"/>

<set value="3" "toolText="3"/><set value="3" "toolText="0"/>

<set value="6" "toolText="6"/><set value="7" "toolText="0"/>

<set value="3" "toolText="3"/><set value="9" "toolText="3"/>

</dataset>

</chart>

 

 

 

Hi,

 

You would need to specify one color in plotGradientColor attribute and other color in paletteColors attribute.

 

And set angle of plotFillAngle attribute as "0"

 

Ref. Code:

<chart ... plotFillAngle='0' plotGradientColor="FBB117" paletteColors='7E2217'>

 

For more information, please refer the following URL:

http://docs.fusionch...ollCombi2D.html

 

Also, find attached screen-shot and XML code for your reference.

post-24802-0-99491200-1340694688_thumb.png

ScrollCombiData.xml

Share this post


Link to post
Share on other sites

Thanks for your help Sumedh

 

In some cases I have multiple columns with different fades (see below: first set has the gradient set to e0530b,f98b06 and the second set has the gradient set to 5c9b08,7bce05). Is there anyway to use the "color" property on the dataset with this chart?

 

(If this is not supported could this be added to a future release so it is consistent with the behavior of the 2d column charts? Does fusioncharts have nightly builds where these kind of fixes are available?)

 

Thanks,

jds

 

 

<chart plotFillAngle="180" plotGradientColor="" maxColWidth="30">

<categories>

<category label="4 Jan"/>

<category label="5"/>

<category label="6"/>

<category label="7"/>

<category label="9"/>

<category label="10"/>

<category label="11"/>

<category label="12"/>

<category label="13"/>

<category label="14"/>

<category label="16"/>

<category label="17"/>

<category label="18"/>

<category label="19"/>

<category label="20"/>

<category label="21"/>

<category label="24"/>

<category label="25"/>

</categories>

<dataset seriesName="Data" color="e0530b,f98b06" showValues="0">

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="0" "toolText="0"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="6"/>

<set value="3" "toolText="3"/><set value="0" "toolText="0"/>

<set value="6" "toolText="6"/><set value="0" "toolText="0"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

</dataset>

<dataset seriesName="Data 2" color="5c9b08,7bce05" showValues="0">

<set value="0" "toolText="0"/><set value="7" "toolText="0"/>

<set value="0" "toolText="0"/><set value="1" "toolText="0"/>

<set value="0" "toolText="0"/><set value="2" "toolText="3"/>

<set value="3" "toolText="3"/><set value="3" "toolText="3"/>

<set value="0" "toolText="0"/><set value="4" "toolText="3"/>

<set value="0" "toolText="0"/><set value="4" "toolText="6"/>

<set value="3" "toolText="3"/><set value="0" "toolText="0"/>

<set value="6" "toolText="6"/><set value="2" "toolText="0"/>

<set value="3" "toolText="3"/><set value="7" "toolText="3"/>

</dataset>

<dataset seriesName="Data 3" color="3b3b3b" showValues="0" renderAs="Line">

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="0"/>

<set value="0" "toolText="0"/><set value="5" "toolText="3"/>

<set value="3" "toolText="3"/><set value="5" "toolText="3"/>

<set value="0" "toolText="0"/><set value="6" "toolText="3"/>

<set value="0" "toolText="0"/><set value="4" "toolText="6"/>

<set value="3" "toolText="3"/><set value="3" "toolText="0"/>

<set value="6" "toolText="6"/><set value="7" "toolText="0"/>

<set value="3" "toolText="3"/><set value="9" "toolText="3"/>

</dataset>

</chart>

Hi,

 

You would need to specify one color in plotGradientColor attribute and other color in paletteColors attribute.

 

And set angle of plotFillAngle attribute as "0"

 

Ref. Code:

<chart ... plotFillAngle='0' plotGradientColor="FBB117" paletteColors='7E2217'>

 

For more information, please refer the following URL:

http://docs.fusionch...ollCombi2D.html

 

Also, find attached screen-shot and XML code for your reference.

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

For individual data-set, you would need to set color attribute and color attribute accepts only one color.

 

plotGradientColor attribute is used to add gradient effect on the data-plots and this attribute globally adds the gradient.

 

You can set only one color in this attribute.

 

Is there anyway to use the "color" property on the dataset with this chart?

 

(If this is not supported could this be added to a future release so it is consistent with the behavior of the 2d column charts? Does fusioncharts have nightly builds where these kind of fixes are available?)

 

>> We will try to add this feature in future releases, if it is feasible.

 

Please find attached screen-shot of the chart which is rendered using plotGradientColor attribute set as "FFFFFF".

post-24802-0-88140200-1340776105_thumb.png

Share this post


Link to post
Share on other sites

Thanks for your help Sumedh :)

 

If this could possibly be a feature in a future release that would be awesome!

 

jds

Hi,

 

For individual data-set, you would need to set color attribute and color attribute accepts only one color.

 

plotGradientColor attribute is used to add gradient effect on the data-plots and this attribute globally adds the gradient.

 

You can set only one color in this attribute.

 

 

 

>> We will try to add this feature in future releases, if it is feasible.

 

Please find attached screen-shot of the chart which is rendered using plotGradientColor attribute set as "FFFFFF".

Share this post


Link to post
Share on other sites
Guest Sumedh

Thanks for your help Sumedh :)

 

If this could possibly be a feature in a future release that would be awesome!

 

jds

 

 

smile.gif

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
Sign in to follow this