title: Chart.js legend alignment left side
body: <p><a href="https://codesandbox.io/s/xo3zvwmplp" rel="noreferrer">CodeSandbox</a></p>
  
  <p>How to move that legend to the left? I have tried to use <code>options:{legend:{position: 'left'}}</code>.</p>
  
  <p><strong>Goal:</strong>
  <a href="https://i.stack.imgur.com/phR3m.png" rel="noreferrer"><img src="https://i.stack.imgur.com/phR3m.png" alt="enter image description here"></a></p>
  
  <p><code>position: left</code> shifts the chart to the right what is not good for me:</p>
  
  <p><a href="https://i.stack.imgur.com/D4vCS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/D4vCS.png" alt="enter image description here"></a></p>