how to create a vertical bar chart with rounded corners using angular 6?

[faribajpr]

i have a vertical bar chart in my angular 6 project but i don't know how to make the bars rounded! i used https://jsfiddle.net/uffo/5oty49r3/6/
but i get elements doen't exist on type chart!!!
here is my chart code:

`ngAfterViewInit() {

this.canvas = document.getElementById('barChart');
this.ctx = this.canvas.getContext('2d');
let myChart = new Chart(this.ctx, {
  type: 'bar',
  data: {
    labels: this.my_labels,
    datasets: [
      {
        label: '',
        fill: false,
        backgroundColor: [
          '#2699fb',
          '#2699fb',
          '#2699fb',
        ],
        borderWidth: 1,
        data: [12000, 18000, 65000],
      }
    ]
  },
  options: {
    responsive: false,
    legend: {
      display: false
  }
  }
});`

[simonbrunel]

Duplicate of #5413 (rounded bar) and about Angular 6, please ask questions on StackOverflow: https://stackoverflow.com/questions/tagged/chart.js.

[cfoxy17]

https://stackoverflow.com/questions/43254153/how-to-create-rounded-bars-for-bar-chart-js-v2/66996072#66996072

see answer by Collin Fox