ucharts默认数据的修改

我使用云开发将调取的值赋值给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))

成功调值的图片

img


图表的图片(上面那个)

img

【相关推荐】




如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^