Vue2中DataV开发问题

1.关于DataV动态环图中发送请求拿到数据但是页面上没数据且数据不生效的问题

在data中定义了数据config,里面有data和定义的配置项但是发送请求拿到数据赋值了并且打印了也有数据但是页面就是不显示。

解决办法:将拿到的数据结构并再次赋值即可

      async Getdatavlist() {

        const lis = await this.Getdingeveryone()

        this.config.data = lis

        this.config.data.shift()

        this.config = { ...this.config }

      },

2.关于DataV中轮播表拿到数据要循环展示并且数据要实时更新

我做的是一个考勤方面的我拿到数据需要实时改变它的状态轮播表中提供了为updateRows的方法

doUpdate () {
      this.$refs['scrollBoard'].updateRows(rows, index)
    }

 但是关于使用方面我不太明白,之后直接将数据给到updateRows发现能生效(updateRows是本来就定义好了无需我们自己定义)

   <dv-scroll-board
          ref="scrollBoard"
          :config="config"
          style="width: 99.9%; height: 99.9%"
        />

      async Getdingclockinlist1() {
        const list = await dingclockinlist({
          departCenterId: this.departCenterId,
        })
        let arr = []
//双循环是为了获取我要的数据格式
        for (let index = 0; index < list.data.length; index++) {
          let array = []
          array = list.data[index].map((v) => {
            if (v == 'true') {
              return (v = '<i class="iconfont icon-triangle-fill"></i>')
            } else if (v == 'false') {
              return (v = '')
            } else {
              return v
            }
          })
          arr.push(array)
        }
//现在arr格式为 [
//['行1列1', '行1列2', '行1列3'],
//],对应datav轮播表要的的数据格式
        this.config.data = arr
        this.$refs['scrollBoard'].updateRows(this.config.data)
      },

将数据转化为轮播表要的格式即可

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue3-datav-echarts 是一个基于 Vue 3 和 DataV 平台的可视化模板。它的主要特点包括: 1. 开箱即用:vue3-datav-echarts 提供了丰富的预设模板和组件,方便快速构建各种类型的数据可视化页面。无需从头开始编写代码,只需要按照需求选择合适的模板和组件进行配置即可。 2. 强大的图表库支持:通过引入 echarts 图表库,vue3-datav-echarts 提供了各种类型的图表组件,包括折线图、柱状图、饼图等。用户可以根据自己的需求选择合适的图表组件进行数据展示和分析。 3. 丰富的交互功能:vue3-datav-echarts 提供了多种交互功能,例如数据筛选、数据排序、图表联动等。用户可以通过这些功能与图表进行交互,实时查看和分析数据的变化,提升用户体验。 4. 可定制性:vue3-datav-echarts 具有良好的拓展性和可定制性。用户可以根据自己的需求进行定制化开发,添加自定义的图表组件或功能模块,满足特定的业务需求。 5. 数据可视化的最佳实践:vue3-datav-echarts 遵循了数据可视化的最佳实践,提供了合理的默认配置和样式,帮助用户快速搭建美观、易于理解的可视化界面。 总之,vue3-datav-echarts 是一个功能强大、易用性高的可视化模板,为用户提供了丰富的图表组件、交互功能和定制化选项,帮助用户快速构建高质量的数据可视化页面。无论是数据分析、业务报表还是仪表盘展示,都可以得到很好的支持和效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值