csv - 在vue中上传后如何修改csv数据？

Question

这是我的 CSV 数据：

country,population
China,2535
India,1654
United States,700
Indonesia,680
Brazil,1785
Total,1821

这是我在 vue 组件中的代码：

import {csv} from 'd3';

//..
data: () => ({
        dataset: [],
    }),
mounted() {
        this.dataLoad()
    },
methods: {
        async dataLoad() {
            let datos = await csv('/datasets/data.csv')
            this.dataset = Object.freeze(datos)
            console.log(this.dataset)
        },

这是控制台：

如何将人口列（字符串）转换为数字以在我的 d3 图表中使用？我试过这个但没有用

csv('/datasets/data.csv').then(data => {
    data.forEach(d => {
        d.population = +d.population;
    });

标签： csvvue.jsd3.js

Answer 1

解决了：

data: () => ({
        dataset: [],
    }),
    async mounted() {
        let datos = await csv('/datasets/data.csv')
        this.dataset = Object.freeze(datos)
        this.dataNumero()
    },
    methods: {
        dataNumero() {
            this.dataset.forEach(d => {d.population = +d.population})
        },