title: How change chart height in chart.js
body: <p>I would create an horizontal bar chart.</p>
  
  <p>The problem is that I can't change the height of the chart ( not the bar ) </p>
  
  <p>I created my data and options configuration:</p>
  
  <pre><code>  this.data = {
          labels: ['SAF/TGA'],
          datasets: [
  
              {
                  label: 'SAF/TGA',
                  backgroundColor: '#9CBB65',
                  borderColor: '#72242',
                  data: [28],
  
              }
          ],
    }
    this.options= {
              responsive: true,
      maintainAspectRatio: false
  
          scales: {
          yAxes: [{
            barThickness: 5,
            gridLines:{
            display: true,
            offsetGridLines: false
            }
          }],
          xAxes: [{
            gridLines:"rgba(0, 0, 0, 0)"
          }]
        },
  
      }
  }
  </code></pre>
  
  <p>then I call my chart in HTML with height and width options:</p>
  
  <pre><code>&lt;p-chart type="horizontalBar" [data]="data" [options]="options" width="10" height="10px"&gt;
  &lt;/p-chart&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/1LIDA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1LIDA.png" alt="actual behaviour"></a>
  The height does not change when I change the values <code>height</code> in html</p>
  
  <p>And this is what I would</p>
  
  <p><a href="https://i.stack.imgur.com/DRdol.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DRdol.png" alt="expected behaviour"></a></p>
  
  <p>With the axes that gets closer to the bar.</p>