創建使用外存儲在一個CSV文件

Question

數據集，我使用Vue.js與chart.js之一起Vue.js + chart.js之圖。我如何使用我的數據集，這是在*.csv文件，而不是硬編碼的數據？

import BarChart from '../BaseCharts/Bar' 

export default BarChart.extend({ 
    mounted() { 
    this.renderChart({ 
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], 
     datasets: [ 
     { 
      label: 'Data One', 
      backgroundColor: '#f87979', 
      data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11] 
     } 
     ] 
    }, {responsive: true, maintainAspectRatio: false}) 
    } 
}) 

Answer 1

如果你正在使用的WebPack，那麼你可以要求他們使用file-loader，並用JavaScript庫解析它們像http://papaparse.com或使用dsv-loader，並將它返回一個JSON對象。

所有剩下要做的就是對數據預處理把它變成一個格式chart.js之理解，你應該得到的東西接近你所追求的。