title: How to make rounded corner bars with angular-google-charts
body: <p>I'm using <strong>angular-google-charts</strong> for one of my applications and I have a requirement to develop column chart with a rounded corner. </p>
  
  <p><a href="https://i.stack.imgur.com/rvJ2H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rvJ2H.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to implement this with <strong>angular-google-charts</strong></p>
  
  <p>.ts file</p>
  
  <pre><code>export class ColumnChartComponent implements OnInit {
  
    title = 'Population (in millions)';
    type = 'ColumnChart';
    data = [
      ["2012", 900, 390],
      ["2013", 1000, 400],
      ["2014", 1170, 440],
      ["2015", 1250, 480],
      ["2016", 1530, 540]
    ];
    columnNames = ['Year', 'Asia', 'Europe'];
    options = {
      hAxis: {
        title: 'Year'
      },
      vAxis: {
        minValue: 0
      },
      isStacked: true
    }
  
    width = 550;
    height = 400;
  
    constructor() { }
  
    ngOnInit(): void {
    }
  
  }
  </code></pre>
  
  <p>.HTML file (template file)</p>
  
  <pre><code>&lt;google-chart #chart
     [title]="title"
     [type]="type"
     [data]="data"
     [options]="options"
     [width]="width"
     [height]="height"&gt;
  &lt;/google-chart&gt;
  </code></pre>