如何解决从本地存储的.csv文件中获取数据并传递到Plottable.js表后,从promise中提取值
我要在其中获得预期结果的项目是一个运行Storybook.js的TypeScript React项目。
我有一个csv文件,该文件已存储在React应用程序的公共文件夹中。该csv包含日期和值数据,我想使用它们来绘制图形以进行测试。
目前,我正在使用以下功能来获取数据:
private fetchFromUrl = async() => {
const response = fetch(`${process.env.PUBLIC_URL}/tempData/data_for_damian.csv`)
.then(res => res.text())
.then(res => readString(res))
.then(res =>{
return(res.data)
})
return await response
}
哪个返回:
Promise {<pending>}
__proto__: Promise
[[PromiseStatus]]: "fulfilled"
[[PromiseValue]]: Array(143816)
Plottable.js需要使用以下格式的坐标表:
[
{ "x": 0,"y": 1 },{ "x": 1,"y": 2 },{ "x": 2,"y": 4 },{ "x": 5,"y": 20 },]
如何从承诺中提取数据表?
或者我可以代替使用取值功能填充值表吗?
解决方法
最后,我选择了另一种方法,在读取函数中用值填充数组。
private fetchFromUrl = () => {
type dateValue = {
x: Date,y: number
}
var data: Array<dateValue> = Array();
fetch(`${process.env.PUBLIC_URL}/tempData/monthly.csv`)
.then(res => res.text())
.then(res => readString(res))
.then(res =>{
const Coords = res.data
Coords.forEach(x => data.push( {x: new Date(x[0]),y: Number(x[1]) } ))
})
return(data)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。