score:2

Accepted answer

within the chart options you can define if the yaxis is displayed or not.

options: {  
    ...
    scales: {
      yaxes: [{
        display: false
      }]
    }
  }

please check the following runnable code snippet.

var linechartdata = {
  labels: ["february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december", "january", "february", "march", "april"],
  datasets: [{
    label: "x",
    fillcolor: "#ff1e6d",
    strokecolor: "#ff1e6d",
    pointcolor: "#ff1e6d",
    data: [290, 390, 300, 440, 625, 375, 390, 325, 280, 295, 385, 295, 485, 280, 265]
  }, {
    label: "y",
    fillcolor: "#ffc000",
    strokecolor: "rgba(220,180,0,1)",
    pointcolor: "#ffc000",
    data: [190, 200, 420, 390, 150, 250, 160, 155, 200, 260, 240, 500, 300, 210, 230, 270]
  }]
}

chart.defaults.global.animationsteps = 50;
chart.defaults.global.tooltipypadding = 0;
chart.defaults.global.tooltipcornerradius = 0;
chart.defaults.global.tooltiptitlefontstyle = "normal";
chart.defaults.global.tooltipfillcolor = "rgba(0,160,0,0.8)";
chart.defaults.global.animationeasing = "easeoutbounce";
chart.defaults.global.responsive = true;
chart.defaults.global.scalelinecolor = "#816cab";
chart.defaults.global.scalefontsize = 11;
chart.defaults.global.scalefontcolor = "white";

new chart(document.getelementbyid("fill"), {
  type: 'line',
  data: linechartdata,
  options: {  
    pointdotradius: 0,
    beziercurve: true,
    scaleshowverticallines: false,
    scalegridlinecolor: "transparent",
    scales: {
      yaxes: [{
        display: false
      }]
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.9.3/chart.min.js"></script>
<canvas id="fill"></canvas>


Related Query

More Query from same tag