In Stacked horizontal bar chart how to remove the vertical line in Chart.js?

Viewed 3239

I am unable to find the solution to remove the line in graph area for Stacked horizontal bar chart! , below mocke up show the details where i need the x and y axis line need to be shown but currently the when i set the gridLabel:{display:none} every vertical lines are removed

  scales: {
    xAxes: [
      {
        ticks: {
          beginAtZero: true,
          fontFamily: "'Open Sans Bold', sans-serif",
          fontSize: 11
        },
        scaleLabel: {
          display: false
        },
      gridLines: {
          display: false,
        },
        ticks: {
          fontFamily: "'Open Sans Bold', sans-serif",
          fontSize: 11
        },
        stacked: true
      }
    ],
    yAxes: [
      {
        gridLines: {
          display: false,
          color: "#fff",
          zeroLineColor: "#fff",
          zeroLineWidth: 0
        },
        ticks: {
          fontFamily: "'Open Sans Bold', sans-serif",
          fontSize: 11
        },
        stacked: true
      }
    ]
  },

codepen link: code link enter image description here

1 Answers
Related