Highcharts Area graph, use 2 fill colors above / below X axis

Posted by Kris Chant on Stack Overflow See other posts from Stack Overflow or by Kris Chant
Published on 2012-09-12T00:56:50Z Indexed on 2012/09/17 3:38 UTC
Read the original article Hit count: 497

Filed under:

colors

|

highcharts

In Highcharts, I'd like to fill an Area graph with 2 colors, positive values get one color, negative values get another color. I've been able to do this with a linearGradient, but this must be adjusted based upon the size of the container.

Is there a more general way of doing this, e.g. setting values > 0 color 1, values < 0 color 2?

See my JSFiddle for more information and an example: http://jsfiddle.net/GNvur/2/

© Stack Overflow or respective owner

Related posts about colors

urxvt bold colors are wrong - bold #0-7 are using colors from #8-15

as seen on Super User - Search for 'Super User'
My colors are off. Specifically, the bold version of colors 1-6 is broken: The color of each (emboldened) index should match the color of the text beside it. It does not. This is generated from this gist, modified to enumerate colors 0-15 instead of 16-256. Update: Here's what's going on: Bold… >>> More
make emacs in a terminal use dark colors and not light font-lock colors

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using emacs on MacOS 10.6 with Terminal. I have a white background. It's very hard to read quoted C++ strings. They are coming up in pale green. Keywords are in turquoise. After searching through the source I cam across cpp.el and have determined that I am using the cpp-face-light-name-list… >>> More
How can I make gnome-terminal not transparent?

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
When I use gnome-terminal the background is annoyingly slightly-transparent. Here you can read the ubuntu.stackexchange.com site through the background. Bigger image These are the background options I have, which are set to "not transparent". I have the desktop visual effects set to "Normal"… >>> More
Text editor with coloring to highlight "non-parameters" in conf files?

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Some .conf files have a lot of comments and parameters in them like so: # WINS Server - Tells the NMBD components of Samba to be a WINS Client # Note: Samba can be either a WINS Server, or a WINS Client, but NOT both ; wins server = w.x.y.z # This will prevent nmbd to search for NetBIOS names through… >>> More
Black & White Video with Youtube

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Hey'a guys, I have an issue with the Youtube Player within Ubuntu, it seems that when playing videos there in black & white, no matter if there normal or HD. I kind of figured out how to prevent this from happening by deleting the cookie PREF that holds a KV Pair like so: PREF f1=50000000&fv=10… >>> More

Related posts about highcharts

HighCharts : Adding Hyperlinks to the X-Axis of the chart

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been using HighCharts in my PHP website by migrating it from older charts and I am very impressed by the number of graph options and functions with this library. However I am not able provide hyperlinks to the values of the x-axis(or y-axis) in order to navigate to another URI. Code of Categories… >>> More
FusionCharts vs GoogleCharts vs HighCharts suggestions required for commercial use

as seen on Stack Overflow - Search for 'Stack Overflow'
I find that FusionCharts v3 evaluation and HighCharts cannot be used for commercial purpose. Google charts is the best option but those are not as good looking as any of the above. They don't even have 3d charts although their visualization API does support 3D which i cannot find. Is there any open… >>> More
Highcharts Area graph, use 2 fill colors above / below X axis

as seen on Stack Overflow - Search for 'Stack Overflow'
In Highcharts, I'd like to fill an Area graph with 2 colors, positive values get one color, negative values get another color. I've been able to do this with a linearGradient, but this must be adjusted based upon the size of the container. Is there a more general way of doing this, e.g. setting… >>> More
highcharts correct json input

as seen on Stack Overflow - Search for 'Stack Overflow'
i am trying to do a basic column chart. i have looked the examples but not sure why i do not see any graph (lines). I can see the title and subtitle appear an no javascript errors in firebug. any help please $(function () { var chart; $(document).ready(function()… >>> More
How to align centre a custom label in highcharts

as seen on Stack Overflow - Search for 'Stack Overflow'
See a jsfiddle example I am trying to align the custom label in the /labels/items JSON element to hang right under the title and subtitle. Playing with firebug I can alter the SVG text element for the label and add text-align='middle' and change the x='' attribute to have the same value as the title's… >>> More