title: highcharts col width and border-top
body: <p>Hello I have highcharts diagram and some problem. </p>
  
  <p>1) How can I set the width of my column to the width of the area of the month? (I try change "width" in CSS it's no working)</p>
  
  <p>2)How to remove all borders, but the top border save? (I try change "stroke-width" in CSS it's no working)</p>
  
  <p>Maybe some js config solution have for it?</p>
  
  <p><strong>I updated post using answers, it's work! Thank all.</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Highcharts.chart('container', {
  
      xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
              'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
      },
  
      series: [{
          data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 54.4, 54.4],
          type: 'column'
      }],
      
      plotOptions: {
        column: {
        pointPadding: 0,
        groupPadding: 0,
        borderWidth: 0
        } 
   }
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#container {
      min-width: 300px;
      max-width: 800px;
      height: 300px;
      margin: 1em auto;
  }
  
  .highcharts-series rect {
      stroke-dasharray: 45, 1000;
      stroke-width: 3;
      stroke: #00ff00;
  }
  
  .highcharts-grid path {
  display: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  
  &lt;div id="container"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>