title: Change legend position of ng-charts (using angular2)
body: <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>