How to apply custom color on candlesticks based on OPEN/CLOSE values?

highcharts candlestick-chart
Omar Bahir picture Omar Bahir · Jul 31, 2013 · Viewed 7.4k times · Source

I'm working on candlesticks (highStock). Is there any function through which I can change color of individual candlesticks based on Open/close values ? by default it gives blue and white color, i.e. if opening values are greater then closing values then color will be blues , and if closing value is greater then opening values then color will be white. but i want to apply green and red color instead on blue and white. also i want to apply white color if the closing price is same as opening. any help will be highly appreciated. Thanks in Advance ;)

Answer

Dhaval Bharadva picture Dhaval Bharadva · Jul 31, 2013

You can find your answer from the below link:

Highstock Docs for candlestick chart

JSFIDDLE DEMO

Code: 

plotOptions: {
 candlestick: {
            color: 'green',
            upColor: 'red'
        }
    },

Related questions

Removing highcharts.com credits link

I have just purchased highcharts, but the credits link still appears on my graphs which are quite prominent on my site and it distorts the chart view. I assumed I would get an option, so how do I remove it?

Read More
How to get highcharts dates in the x axis?

Is there a standard way to get dates on the x-axis for Highcharts? Can't find it in their documentation: http://www.highcharts.com/ref/#xAxis--type When my time range is large enough, it shows dates. However, when the time range …

Read More
Reload chart data via JSON with Highcharts

I am trying to reload the data for a Highcharts chart via JSON based on a button click elsewhere in the page. Initially I would like to display a default set of data (spending by category) but then load new …

Read More