我使用云开发将调取的值赋值给ucharts图表的res.series[0].data属性,来替代ucharts图表的默认属性,但是图表一直还是默认的属性,想知道应该怎么解决
云开发可以成功调取的值,调取的值也以成功赋给res.series[0].data属性,但是图表还是显示的默认的属性
<template>
<view class="ring">
<view class="ringtitle">本月总花费</view>
<view class="charts-box">
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" />
</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
let chartData = ref({})
let res = {
series: [
{
data: [
{ name: '一班', value: 50 },
{ name: '二班', value: 30 },
{ name: '三班', value: 20 },
{ name: '四班', value: 18 },
{ name: '五班', value: 8 },
],
},
],
}
//云开发调值
uniCloud
.callFunction({
name: 'Cost',
})
.then((re) => {
//调的值赋给默认值
res.series[0].data = re.result.data
console.log(res.series[0].data)
})
chartData.value = JSON.parse(JSON.stringify(res))
成功调值的图片
【相关推荐】