Marker on Xaxis

No gap in label and line x and y is set + rotation

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
    <div id="container"></div>
</figure>

CSS

.highcharts-figure,

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {
  
  "tooltip": {
    "enabled": true,
   
  },
  
  "legend": {
    "enabled": true,
    
  },
 
  "yAxis": [{
    "title": {
      "text": "Sales",
     
      "align": "middle",
      "margin": 5
    },
    "opposite": false,
    "axisInternalName": "0",
    "labels": {
      "enabled": true,
      
      "align": "center"
    },
    "lineWidth": 0,
    "tickWidth": 0,
    "allowDecimals": false,
    "reversed": false,
    "id": "yAxis0",
    "gridLineWidth": 0,
    "gridLineColor": "#C0C0C0",
    "maxPadding": 0.05,
    "minPadding": 0,
    "plotLines": [],
    "plotBands": []
  }],
  "xAxis": {
    "title": {
      "text": "Geomaps By City",
      
      "align": "middle",
      "margin": 5
    },
    "opposite": false,
    "axisInternalName": "0",
    "labels": {
      "enabled": true,
    },
    "lineWidth": 1,
    "id": "xAxis0",
    "tickWidth": 1,
    "categories": ["Algeria", "USA", "China", "Canada", "India", "Australia", "UK", "Argentina", "Brazil", "Iceland", "The Bahamas"],
    "tickmarkPlacement": "on",
    "gridLineWidth": 0,
    "gridLineColor": "#C0C0C0",
    "plotLines": [{
      "value": 6,
      "zIndex": 5,
      "dashStyle": "Solid",
      "width": 1,
      "color": "rgba(178,34,34,1)",
      "label": {
        "x": -30,
        "y": 90,
        "text": "L1",
        "style": {
          "color": "#000000",
          "fontSize": "30px",
          "fontFamily": "Open Sans"
        },
        "rotation": -30
      }
    }],
    "plotBands": [],
    "max": null,
   
  },
 
  "series": [{
    "zIndex": 1,
   
    "type": "column",
    "yAxis": 0,
    "eQStackingType": null,
    "data": [{
     
      "y": 9031
    }, {
      "y": 8694
    }, {
      "y": 7227
    }, {
      "y": 6186
    }, {
      "y": 6058
    }, {
      "y": 5260
    }, {
      "y": 5041
    }, {
      "y": 3659
    }, {
      "y": 3460
    }, {
      "y": 3137
    }, {
      "y": 2856
    }],
    "name": "Sales",
    "showInLegend": true,
  ...