Hide AxisY

• April 7, 2018 at 11:05 pm #20262
  
  papito

  I got a chart with 2 Y axis. It looks like the 2nd sample on this page: https://canvasjs.com/docs/charts/chart-options/axisy/ the one labeled Multiple Y axis.

  I would like to hide the second Y axis with title “Axis Y 2 Title”. I only want it to hide not remove it. I can set a blank title but the tick marks are still there. Is it possible?

  Edit: Looks like I ask to soon. I found the answer already

  I set it to something like this

          title: "",
          title: "",
          gridThickness: 0,
          tickLength: 0,
          lineThickness: 0,
          labelFormatter: function(){
            return " ";
          }   

  • This topic was modified 6 years, 6 months ago by papito.
  April 9, 2018 at 10:29 am #20266
  
  Indranil

  @papito,

  To hide the axis line and tick you can set the lineThickness and tickThickness to 0. Please check the below code snippet to hide the axis line and tick –

  {
    title: "",
    tickThickness: 0,
    lineThickness: 0,
    labelFormatter: function(){
       return " ";
    }  
  }

  Also, kindly take a look at this JSFiddle for a working sample.

  

  ___________
  Indranil Deo
  Team CanvasJS

  September 2, 2019 at 1:30 pm #26629
  
  nsn

  Hi, this is not working correctly when having values < 0

  data: [
        {
          type: "column",
          dataPoints: [
          { x: 10, y: 71 },
          { x: 20, y: 55},
          { x: 30, y: 50 },
          { x: 40, y: 65 },
          { x: 50, y: -95 },
          { x: 60, y: -68 },
          { x: 70, y: -28 },
          { x: 80, y: -34 },
          { x: 90, y: 14}
          ]
        }
        ]

  It keeps show the ‘-‘ , How can we overcome this ?

  September 3, 2019 at 6:11 pm #26640
  
  Indranil

  @nsn,

  It seems to be working fine and not showing any ticks ‘-‘. Can you kindly create JSFiddle reproducing the issue and share it with us so that we can look into the code, understand the scenario and help you out?

  ___________
  Indranil Deo
  Team CanvasJS

  September 3, 2019 at 6:28 pm #26641
  
  nsn

  https://jsfiddle.net/oht2m98k/

  September 3, 2019 at 6:46 pm #26649
  
  Indranil

  @nsn,

  Setting valueFormatString defines the format for labels appearing on Axis Y, which doesn’t include the negative symbol (-) incase of negative number. Instead, using labelFormatter to return an empty string should work fine in this case. Please check the below code snippet –

  axisY:{
    title: "",
    tickLength: 0,
    lineThickness:0,
    margin:0,
    labelFormatter: function(e) {
       return "";
    }
  },

  Also, kindly take a look at this updated JSFiddle.

  

  ___________
  Indranil Deo
  Team CanvasJS

  September 3, 2019 at 6:50 pm #26650
  
  nsn

  Thanks