title: Why my column chart is getting cropped in highcharts
body: <p>I have implemented column chart using highchart .</p>
  
  <p>My rightmost column is getting cropped and I am not able to get it fixed .
  Please suggest which option is being missed by me .</p>
  
  <pre><code>{
  
  "chart":{
  
        "renderTo":"1_123456_id",
        "type":"column",
        "marginBottom":100,
        "marginTop":100,
        "marginRight":400,
        "width":1050
  },
  "leftMetric":"Too Soft",
  "rightMetric":"Too Loud",
  "activeCount":8,
  "passiveCount":0,
  "optimal":92,
  "totalResponses":25,
  "averageText":"4.6",
  "plotOptions":{
  
        "series":{
           "pointWidth":[
              "30"
           ],
           "borderRadius":[
              "10"
           ],
  
        },
        "column":{
           "pointPlacement":"on",    
        },
  },
  "credits":{
  
  "enabled":false
  },
  "title":{
  
        "text":"VOLUME",
        "x":310,
        "align":"left",
        "style":{
           "fontWeight":"bold",
           "fontSize":15,
           "color":"#000",
           "marginRight":100
        }
  },
  "xAxis":[
  
        {
           "categories":[
              0,
              0,
              0,
              1,
              0,
              20,
              2,
              0,
              1,
              1,
              0
           ],
           "tickmarkPlacement":"on",
           "tickPositions":[
              0,
              1,
              2,
              3,
              4,
              5,
              6,
              7,
              8,
              9,
              10,
              11
           ],
           "gridLineDashStyle":"longdash",
           "gridLineWidth":1,
           "labels":{
              "style":{
                 "fontWeight":"bold",
                 "fontSize":15
              }
           }
        },
        {
           "linkedTo":0,
           "tickmarkPlacement":"on",
           "tickPositions":[
              0,
              1,
              2,
              3,
              4,
              5,
              6,
              7,
              8,
              9,
              10,
              11
           ],
           "opposite":"true",
           "categories":[
              0,
              1,
              2,
              3,
              4,
              5,
              4,
              3,
              2,
              1,
              0
           ],
           "gridLineDashStyle":"longdash",
           "gridLineWidth":1
        }
  ],
  "yAxis":{
  
        "min":0,
        "max":30,
        "labels":{
           "enabled":true
        },
        "title":{
           "text":"Responses"
        },
        "tickInterval":2,
        "gridLineColor":"#9ACD9D",
  },
  "series":[
  
  {
  
           "showInLegend":false,
           "name":"speaker",
           "data":[
              {
                 "y":0,
                 "color":"C82506"
              },
              {
                 "y":0,
                 "color":"BC5B0C"
              },
              {
                 "y":0,
                 "color":"F39019"
              },
              {
                 "y":1,
                 "color":"F5D329"
              },
              {
                 "y":0,
                 "color":"#70BF40"
              },
              {
                 "y":20,
                 "color":"#01882A"
              },
              {
                 "y":2,
                 "color":"#70BF40"
              },
              {
                 "y":0,
                 "color":"F5D329"
              },
              {
                 "y":1,
                 "color":"F39019"
              },
              {
                 "y":1,
                 "color":"BC5B0C"
              },
              {
                 "y":1,
                 "color":"C82506"
              }
           ]
        }
  ]
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ASJm9/4/" rel="nofollow noreferrer"><strong>LINK TO FIDDLE</strong></a></p>
  
  <p><strong>EDIT</strong>
  How can make grid lines to move out of axis on extremes and middle as marked in image<img src="https://i.stack.imgur.com/zPbvB.jpg" alt="enter image description here"></p>