Change legend position of ng-charts (using angular2)
<p>How do I change the position of the legend (that by default appears on top of the chart)? I'm using <code>ng-charts</code>, and I'm trying to change the position according to the <a href="http://www.chartjs.org/docs/#chart-configuration-legend-configuration" rel="noreferrer">documentation</a>, but it does not seem to be working.</p>

<p><a href="https://i.stack.imgur.com/F1OW9.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/F1OW9.jpg" alt="chart"></a></p>

<p>The template contains this:</p>

<pre><code>&lt;canvas baseChart
  [datasets]="datasets"
  [labels]="labels"
  [chartType]="type"
  [colors]="colors"
  [legend]="legend"
  [position]="position"&gt;
&lt;/canvas&gt;
</code></pre>

<p>And the component variables are:</p>

<pre><code>labels: string[] = [ 'EMI', 'Food', 'Fuel', 'bike' ];
type: string = 'doughnut';
legend: boolean = true;
position: string = 'left';
colors: Color[] = [{}];

datasets: any[] = [{
  data: [ 3350, 5450, 4100, 1000 ],
  backgroundColor: [
    "#FF6384",
    "#36A2EB",
    "#FFCE56"
  ],
  hoverBackgroundColor: [
    "#FF6384",
    "#36A2EB",
    "#FFCE56"
  ]
}];
</code></pre>