Как разрешить пользователю вводить CSV-файл и отображать данные в Angular 6?

Question

Я не могу понять, как отправить файл CSV из входных данных и графика, используя D3 в Angular 6. Вот код, который у меня есть до сих пор

import { Component, OnInit, AfterViewInit } from '@angular/core';
import * as c3 from 'c3';
@Component({
  selector: 'app-graph',
  templateUrl: './graph.component.html',
  styleUrls: ['./graph.component.css']
   })
  export class GraphComponent implements OnInit {

  x:any[]= ["data1", 1,2,3,4,5,6,7,4,1]

 constructor() { }

 ngOnInit() {
  }

 ngAfterViewInit() {
 let chart = c3.generate({
 bindto: '#chart',
 data: {
 columns: []

  },
    subchart: {
      show: true
  } ,
  point: {
    show: false
   },

 });
   }
   }

Вот HTML:

<div id="chart"></div>
<input type="file" >
 </div> 
 <button type="button" class="btn btn-primary" 
 ">Upload File</button>

Я открыт для любого вида картографических пакетов. В будущем мне понадобится добавить аннотации и сделать точки перетаскиваемыми.

Я ищу любые предложения о том, как это сделать.