创建使用外存储在一个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之理解，你应该得到的东西接近你所追求的。