When the magnitude between values are too high not all the columns appear

• October 5, 2021 at 7:39 am #35918
  
  zlwestwood

  I have a column chart with 2 items in each group. If the magnitude between the items is too high, only 1 column will appear. The other item which have low value is not visible. How can I make it so that all the items appear?

  Here is an example: https://jsfiddle.net/canvasjs/QwZuf/

  October 6, 2021 at 8:12 am #35938
  
  zlwestwood

  The example link is wrong. Here is the correct one https://jsfiddle.net/cohukfqa/

  October 6, 2021 at 9:10 am #35945
  
  Ranjitha R

  @zlwestwood,

  Sorry, It is not possible to set minimum height of the column. However you can set minimum height to the columns with few lines of code as shown in the below code snippet

  function setMinValue() {
    var data = chart.options.data;
    for(var i = 0; i < data.length; i++) {
      for(var j =0; j < data[i].dataPoints.length; j++) {
      var yValue = data[i].dataPoints[j].y;
        if(yValue <= minValue && yValue >= -minValue) {
          data[i].dataPoints[j].color = "gray";
          data[i].dataPoints[j].y = yValue < 0 ? -minValue : minValue;
          data[i].dataPoints[j].toolTipContent = ("{x}: " + yValue);
        }
      }
    }
  }

  Also take a look at this JSFiddle for complete code.

  

  —
  Ranjitha R
  Team CanvasJS

  • This reply was modified 3 years, 1 month ago by Ranjitha R.