ucharts 图表接口数据处理

原创

已于 2022-10-21 11:44:03 修改 · 1.9k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-10-12 17:51:34 首次发布

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、ucharts的数据格式
二、使用步骤
- 1、数据处理
总结

前言

将接口返回的数据做一下简单处理，处理成组件要求的格式即可

一、处理前的代码

<template>
  <view class="charts-box">
    <qiun-data-charts 
      type="column"
      :opts="opts"
      :chartData="chartData"
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      chartData: {},
      //这里的 opts 是图表类型 type="column" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['c