Candlestick colours

• February 11, 2018 at 3:45 am #19398
  
  Penindini

  Hi,

  First of all congratulation on your brilliant product, it is by far the best I have come across, and to top it, the support, examples, responses are amazing.

  I have a question regarding the candlestick chart. How can I set the border color to whatever the risingcolor or fallingcolor is?
  I.e I want my rising candlesticks to be entirely green, and falling candlesticks to be entirely red.
  Currently, the green rising bars have a red border.

  February 12, 2018 at 10:11 am #19402
  
  Vishwas R

  @Penindini,

  You can set dataPoint color based on the the dataPoint value, whether its rising or falling. Please check this jsfiddle for an example.

  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);
      }
    }
  }

  

  —
  Vishwas R
  Team CanvasJS

  February 13, 2018 at 5:23 am #19607
  
  Penindini

  Wow what a difference this has made to the readability of the graph.
  Thanks!