Home Forums Chart Support combining candlestick chart and line chart (moving average line) Reply To: combining candlestick chart and line chart (moving average line)

#20204

@d_vineet,

Assigning color to every dataPoints based on the risingColor or fallingColor will work fine in your case. Please check the below code snippet –

function changeBorderColor(chart){
    var dataSeries;
    for( var i = 0; i < chart.options.data.length; i++){
	dataSeries = chart.options.data[i];
        for(var j = 0; j < dataSeries.dataPoints.length; j++){
            dataSeries.dataPoints[j].color = (dataSeries.dataPoints[j].y[0] <= dataSeries.dataPoints[j].y[3]) ? (dataSeries.risingColor ? dataSeries.risingColor : dataSeries.color) : (dataSeries.fallingColor ? dataSeries.fallingColor : dataSeries.color);
        }
    }
}

Also kindly, take a look at this updated JSFiddle.

Candlestick Chart with Customized Color

___________
Indranil Deo
Team CanvasJS