Sign in to follow this  
zakiwi

SplineArea gradient problem

Recommended Posts

Hi there,

 

 

 

I'm very impressed with this product. Well done.

 

 

 

I am however having a problem on the gradients on some of my spline graphs. When the graph is reasonably flat (ie consistent values), the gradient does not smooth out nicely. For example. Lets say that my graph has almost all values at 100%, then there is a gradient for about 20% below that, and then the rest is a solid color. I would like a gradient all the way down to the bottom axis.

 

 

 

Please can you advise on what should be done.

 

 

 

Cheers

 

 

 

Erich

Share this post


Link to post
Share on other sites

Hello,

 

 

 

Welcome to the Forum.

 

 

 

We are happy to know you liked FusionCharts.

 

 

 

Could you please try tuning your data plot area's look and feel by adjusting the following attributes of the chart element?

 

 

 

plotFillAngle='0-360' (sets the angle of the gradient)

 

plotFillRatio='0-100' (sets the ratio of the colors e.g. 80,20 or 30,70)

 

plotFillAlpha='0-100' (sets the transparency for your gradient)

 

plotGradientColor='hex color code without the '#' (Sets the color of the gradient)

 

 

 

For more details you can check out the link below:

 

 

 

http://www.fusioncharts.com/PCDocs/Contents/ChartSS/SplineArea.html#Anchor4

 

 

 

Hope this helps.

Share this post


Link to post
Share on other sites

I am having the same problem, and changing any or all of those values does not seem to resolve it. I am using the following code:

 

 

 

chart showValues="0" yAxisMinValue="-2.5" yAxisMaxValue="2.5" yAxisValuesStep=".5" bgColor="000000" bgAlpha="0" canvasBgColor="ff0000,fcff00,00974d,fcff00,ff0000" canvasBgAlpha="100,100,100,100,100" plotFillAlpha="50" canvasBgAngle="90" borderAlpha="0"

 

 

 

(I have brackets around it, but the code wouldn't show up on this msg board with them)

 

 

 

and I am getting this result:

 

samplechart.jpg

 

 

 

What I am trying to get rid of is the alpha overlay over the whole canvas, which makes the top appear pink instead of red, and I believe thats what the original poster was experiencing as well. How do I fix this?

Edited by Guest

Share this post


Link to post
Share on other sites

Here is the XML file. The data is actually being created dynamically from within a flash file, but I traced out the XML strings used to create the chart and included them in the file.

 

 

 

One thing that I noticed is that, if I have values outside of my yAxisMinValue and yAxisMaxValue, the overlayed gradient does not appear, and shows the background gradient in full color. Its only when all values are within the -3, 3 range that I set that the overlay occurs.

sample.xml

Share this post


Link to post
Share on other sites

Hello,

 

 

 

We tested the XML in our labs.

 

 

 

Could you please set showAlternateHGridColor='0' in the chart element and see?

 

 

 

Actually the color is is fading because of the top most horizontal grid band.

 

 

 

Hope this helps. :D

Share this post


Link to post
Share on other sites
Guest Angie

Dear User,

 

We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.

 

Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.

 

5 new chart types:

 

Heat Map Chart

 

Box and Whisker Chart

 

Step Line Chart

 

Error Line Chart

 

Error Scatter Chart

 

 

* Support for JSON data format.

 

* Support for LinkedCharts, where a single data source controls multiple charts.

 

* Interactive legends in charts allow selective showing/hiding of data series.

 

* Legends now support icons for each data series.

 

* Better management of labels on charts.

 

* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.

 

* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.

 

* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.

 

* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.

 

* In Step-line charts dataplots can be joined using vertical lines.

 

* Custom alignment of caption and sub caption using STYLES.

 

* Advanced print management using JavaScript.

 

* Additional options for efficient event handling using JavaScript.

 

* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).

 

* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).

 

 

Learn more about everything new in PowerCharts v3.2 at : http:/ www.fusioncharts.com/PowerCharts/

 

We would love to hear from you at: http://www.fusioncharts.com/contact/

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