Chart Xaxis marker label cut off

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
  "chart": {
    "zoomType": "xy",
    "alignTicks": true
  },
  "xAxis": {
    "title": {
      "text": "Name Dim",
      "margin": 5
    },
    "categories": ["priyanka", "Hrishikesh ", "Bhanu", "Prativimb", "Shalvi Adhyapak", "Siddharth", "NileshS", "Pooja", "Daya", "pankaj", "Ashutosh", "Amit", "Shantanu", "kulmeet singh ", "Shilpa", "Prajakta Gujar", "DVK", "Rustom T", "Suhel"],
    "tickmarkPlacement": "on",

    //Define Xaxis marker
    "plotLines": [{
      "value": 18,
      "zIndex": 5,
      "dashStyle": "Solid",
      "width": 1,
      "color": "rgba(255, 0, 0, 1)",
      "label": {
        "x": 0,
        "y": 0,
        "text": "dimension Marker",
        "style": {
          "color": "#000000",
          "font-size": "1.1428571428571428rem",
          "font-family": "Lucida Sans Unicode,Verdana,Helvetica,Arial"
        },
        "rotation": 360
      }
    }]
  },
  "yAxis": [{
    "title": {
      "text": "Salary",
      "margin": 5
    },
    "labels": {
      "enabled": true,
      "rotation": 0
    }
  }],
  "series": [{
    "zIndex": 1,
    "type": "column",
    "yAxis": 0,
    "data": [{
      "y": 6666
    }, {
      "y": 10000
    }, {
      "y": 15000
    }, {
      "y": 20000
    }, {
      "y": 20000
    }, {
      "y": 25100.35
    }, {
      "y": 30000
    }, {
      "y": 35100
    }, {
      "y": 40100
    }, {
      "y": 40100.66
    }, {
      "y": 50100
    }, {
      "y": 60100
    }, {
      "y": 70000
    }, {
      "y": 70100
    }, {
      "y": 100000
    }, {
      "y": 100000
    }, {
      "y": 100100
    }, {
      "y": 110000
    }, {
      "y": 152437
    }],
    "name": "Salary",
    "showInLegend": true
  }]
});