title: How can I get multiple charts(bar and line) with ng2-charts?
body: <p>I have bar chart and I want to draw average line on this bar chart.</p>
  
  <p>My solution:</p>
  
  <p>In data sets, I add element with type as '<code>line</code>':</p>
  
  <p><a href="https://stackblitz.com/edit/ng2-charts-bar-template?file=src%2Fapp%2Fapp.component.ts" rel="noreferrer">https://stackblitz.com/edit/ng2-charts-bar-template?file=src%2Fapp%2Fapp.component.ts</a></p>
  
  <pre><code>public barChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  public barChartType: ChartType = 'bar';
  public barChartLegend = true;
  public barChartPlugins = [];
  
  public barChartData: ChartDataSets[] = 
  [
  { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },
  { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' },
  **{ data: [48, 48, 48, 48, 48, 48, 48], label: 'Series C', type: '*line*' }**
  ];
  </code></pre>
  
  <p>The line does not start at the beginning of the y axis, it is not connected to that y axis.
  (I understand because it's in the <strong>bar</strong> chart)
  <a href="https://i.stack.imgur.com/Cj0AP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Cj0AP.png" alt="enter image description here"></a></p>
  
  <p>However I still want it to be displayed as below, it will be started at the beginning of the y axis:
  <a href="https://i.stack.imgur.com/26VP5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/26VP5.png" alt="enter image description here"></a></p>
  
  <p>This is my desired result:
  <a href="https://i.stack.imgur.com/j7E6g.png" rel="noreferrer"><img src="https://i.stack.imgur.com/j7E6g.png" alt="enter image description here"></a></p>