CODEWITHSUNDEEP
javascripthighcharts
vishal
vishal

Reputation: 207

Color each point individually in column chart highcharts

I have a highchart as shown in the fiddle 

series: [{
                data: [
                    [ 'Actual Wishlist Requests' , 6000], 
                    [ 'Actual Approved Wishlists', 3000], 
                    [ 'Actual Research Completed', 2000], 
                    [ 'Actual Interviews Scheduled', 1000], 
                    [ 'Actual Successful Interviews', 500], 
                    [ 'Actual Contracts Signed', 50]] 
            }, 
                 { 
                     data: [
                     [ 'Target Wishlist Requests' , 9305 ], 
                     [ 'Target Approved Wishlists', 6557], 
                     [ 'Target Research Completed', 5069], 
                     [ 'Target Interviews Scheduled', 2290], 
                     [ 'Target Successful Interviews', 686], 
                     [ 'Target Contracts Signed', 37]]
            }]

http://jsfiddle.net/Sq8fq/1/

I want to color each point with an individual color.

How can i do this with the existing chart?

Thanks Abhishek

Upvotes: 4

Views: 3742

Answers (2)

jlbriggs
jlbriggs

Reputation: 17800

You can also use the colorByPoint option, depending on the level of control needed:

Upvotes: 2

SteveP
SteveP

Reputation: 19103

You can specify lots of attributes at the point level, including color. Try something like this:

series: [{
      data: [
             {y:6000,color:'red'},

http://jsfiddle.net/G575t/

Upvotes: 5

Related Questions