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

2 Answers 2

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'
    }
}