我想應用我回傳的資料在 Vuejs 中創建折線圖
我的資料：
[{"A": 400},{"B": 1597},{"C": 1567}]
我來自 vuejs 的模板：
<template>
<line-chart :data="Mydata"></line-chart>
</template>
<script>
export default {
data () {
return {
My data: null
}
}
}
</script>
折線圖只獲取資料格式，就像My data: {"A": 400,"B": 1597,"C": 1567}繪制圖形一樣。
添加到 App VUE 時的預期輸出
<template>
<line-chart :data="Mydata"></line-chart>
</template>
<script>
export default {
data () {
return {
My data: {"A": 400,"B": 1597,"C": 1567}
}
}
}
</script>
uj5u.com熱心網友回復：
您可以為此使用 reducer 函式：
const data = [{
"A": 400
}, {
"B": 1597
}, {
"C": 1567
}].reduce((acc, curr) => {
Object.keys(curr).forEach(key => acc[key] = curr[key]);
return acc
}, {})
console.log(data)轉載請註明出處，本文鏈接：https://www.uj5u.com/net/354908.html