I have set up a highstock ohlc with angular 2. But can not set the up and down color for OHLC chart type, for example, green when hclose is increasing and red when it is decreasing. is there any API reference for that or any way to implement? like this below image I want my chart to look like..

I have set up a highstock ohlc with angular 2. But can not set the up and down color for OHLC chart type, for example, green when hclose is increasing and red when it is decreasing. is there any API reference for that or any way to implement? like this below image I want my chart to look like..

• javascript
• angular
• highcharts

Share Improve this question Follow edited Aug 1, 2017 at 7:15 Daniel 3,51433 gold badges3636 silver badges4747 bronze badges asked Aug 1, 2017 at 6:03 Subhabrata BanerjeeSubhabrata Banerjee 55211 gold badge44 silver badges1919 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

I found a way like this and its working :-)

plotOptions: {
    ohlc: {
        color: 'red',
        upColor: 'green'
     }
},
series : [{   
    type: 'ohlc',                 
    name : 'Stock Price', 
    data : [],
    yAxis : 0,                            
}, {   
    type: 'column',                 
    name : 'volume', 
    data : [],
    yAxis : 1,                        
}]

You can use these to change the colors for down line and up line colors as well.

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