关于echarts图标赋值问题

关于echarts图标赋值问题

首先关于引入echarts就不用多说了 这次主要讲一下从后台取完值复制的问题

下面展示一些 内联代码片。

    drawChart1() {
      // 初始化echarts实例
      let myChart = this.$echarts.init(document.getElementById("echartsLeft"));
      // 指定图表的配置项和数据
      var echartsLeftOption = {
              title: {
                text: "项目类别统计-期次",//标题
                x: 'center',//居中
              },
              tooltip: {},//鼠标覆盖提示
              color:["#409EFF"],//主题颜色
              xAxis: {//横轴配置
                data: []
              },
              yAxis: {
                type:'value',
              },//y轴配置
              series: [{
                name: '',//数据的名称，例如销量
                type: "bar",//图形类型
                // data: [7,6.9,9.5,14.5,18.4,21.5]//对应数据
                data:[],//对应数据           
                }],
      };
      // console.log(this.echartsLeftOption.series.data)
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(echartsLeftOption);
      var a=[1,2,3];//get请求参数

      this.$http.fetch('/trainningPlanIndex/queryOrgNeeds/?orgLevels='+a).then((res) => {//封装的get请求
          myChart.setOption ({
                xAxis: {//横轴配置
                //赋值
                    data: res.data.projectCategory.projectCategoryTimes.x
                  },
                series:[{    
                          //赋值
                     data:res.data.projectCategory.projectCategoryTimes.y
                      }]
          })

      });
    },