写一个uniapp 获取数据传入图表

以下是一个简单的uniapp代码示例，演示如何获取数据并将其传递给图表组件。

在template中，我们使用了一个u-charts组件来绘制图表。u-charts是一个uniapp插件，可以轻松地创建各种类型的图表。

在script中，我们定义了一个data对象，包含一个数组dataList，用于存储我们从服务器获取的数据。我们在created生命周期钩子函数中调用了一个方法getData，该方法使用uni.request函数从服务器获取数据。在请求成功后，我们将数据存储在dataList中，并使用this.$refs.chart.updateData方法将数据传递给图表组件。

<template>
  <view>
    <u-charts ref="chart" :datasets="dataList" :options="options"></u-charts>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataList: [],
      options: {}
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      uni.request({
        url: 'https://your-api.com/data',
        success: (res) => {
          this.dataList = res.data
          this.$refs.chart.updateData(this.dataList)
        }
      })
    }
  }
}
</script>