项目中遇到的问题

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
                }
              },
              
            }))
          })
posted @ 2018-01-09 13:51  happynood  阅读(178)  评论(0编辑  收藏  举报