zoukankan      html  css  js  c++  java
  • 项目中遇到的问题

    1.在项目中遇到这样的显示效果

    <el-tab-pane :label="`全部患者(${totalPage1})`" name="first">
    </el-tab-pane>

     2.使用echarts的时候,ajax请求到的data未必就是你需要的data样式,可以使用es6的class方式,合并成我们需要的样式

    下图是ui设计的图,饼图有不同的颜色

     let qq = [
                {
                "color": '#fc8c70',
                },{
                "color": '#f9bd48',
                },{
                "color": '#fd6388',
                },{
                "color": '#69acff',
                },{
                "color": '#e9e9e9',
                },
              ]
              let bb = [
                {
                "isTrue": true,
                },{
                "isTrue": false,
                },{
                "isTrue": false,
                },{
                "isTrue": false,
                },{
                "isTrue": false,
                }
              ]
    let dd = []
              for(let i =0;i<qq.length;i++){
                dd.push(Object.assign(qq[i],bb[i]))
              }
             
              let tt= []
              for(let i =0;i<qq.length;i++){
                tt.push(Object.assign(dd[i],res.data[i]))
              }
    
              class Point {
                constructor(item) {
                  this.value = item.value;
                  this.name = item.name;
                  this.icon = 'circle';
                  this.percent = item.percent;
                  this.itemStyle = {
                    normal: {
                      color: item.itemStyle.normal.color
                    }
                  };
                  this.selected = item.selected
                }
              }
                let mm = []
              tt.forEach((item) => {
                mm.push(new Point({
                  value: item.itemCount,
                  name: item.diagnoseName,
                  percent: item.percent,
                  selected: item.isTrue,
                  icon : 'circle',
                  itemStyle: {
                    normal: {
                      color: item.color
                    }
                  },
                  
                }))
              })
  • 相关阅读:
    TP自适应
    消息编解码Nanopb
    协程coroutine
    gui设计
    常用小工具集
    在github上新建一个仓库并上传本地工程
    通用定时器设计(2)
    通用定时器设计(1)
    嵌入式驱动程序设计
    meta标签的理解
  • 原文地址:https://www.cnblogs.com/xuyan1/p/ww.html
Copyright © 2011-2022 走看看