echarts多折线点击刷新单折线,清理多折线缓存


    xzfysjCharModel(){
      this.loading = true;
      sjyearChartModel({deptId: this.queryParams.deptId}).then(response => {
        let sbjxzfy_model = [],qbq_model = [], x = [], dept_name = [],lwq_model = [],lxq_model = [];
        for(var i = 0;i<response.data.length;i++){
          var data = response.data[i]
          dept_name.push(data[0]["dept_name"])
          sbjxzfy_model = []
          x = []
          
          for(var item in data) {
             sbjxzfy_model.push(data[item]["value"])
             x.push(data[item]["key"])
          }
          qbq_model.push({name : data[0]["dept_name"],type: 'line' , data:sbjxzfy_model,smooth: true})
        }
        this.chart = echarts.init(document.getElementById('ec2'), 'macarons');
        this.chart.clear();
        this.chart.setOption({        
          color: [
            '#D068E8',
            '#60F067',
            '#F9585B',
            '#FCC100',
            '#2AF7F3',
            '#3B83FE',
            '#FFFACD'
          ],
          tooltip: {
            trigger: 'axis'
          },
        legend: {
          icon: "circle", //字段控制形状 类型包括 circle,rect,line,roundRect,triangle,diamond,pin,arrow,none
          // itemWidth: 10,
          // itemHeight: 1,
          top: '2%',
          data: dept_name,
          textStyle: {
            // color: 'white'
            color: [
              '#D068E8',
              '#60F067',
              '#F9585B',
              '#FCC100',
              '#2AF7F3',
              '#3B83FE',
              '#FFFACD'
            ],
          },
        },
          grid: {
            left: 10,
            right: 25,
            bottom: 20,
            top: 10,
            containLabel: true
          },

          xAxis: {
            data: x,
            boundaryGap: false,
            axisTick: {
              show: false
            }
          },
          yAxis: {
            axisTick: {
              show: false
            }
          },
          series: qbq_model
        })
      })
    },

      加  this.chart.clear();

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值