vue中使用echart .ajax数据返回了数据 赋值给了echart的option 但是图表数据不更新

data中 cell_bank_allnum:[0,0,0,0,0]

    id_bank_allnum:[0,0,0,0,0]

=====
ajax 获取到了数据 赋值 this.cell_bank_allnum = res.data
而且可以在在ajax then()里面打印出来this.cell_bank_allnum 为[ 1,2,3,4,5]

但是图表依然是[0,0,0,0,0]

applyLoanNum.setOption({

    title: {
      text: "总申请次数",
      left: "center",
      bottom: "bottom"
    },
    tooltip: {
      trigger: "axis",
      axisPointer: {
        // 坐标轴指示器,坐标轴触发有效
        type: "shadow" // 默认为直线,可选为:'line' | 'shadow'
      },
      formatter: function(params) {
        return (
          params[0].name +
          "<br/>" +
          params[0].seriesName +
          " : " +
          params[0].value +
          "<br/>" +
          params[1].seriesName +
          " : " +
          params[1].value
        );
        // console.log(params)
      }
    },
    legend: {
      selectedMode: false,
      data: ["身份证", "手机号"]
    },
    xAxis: [
      {
        type: "category",
        data: ["近7天", "近15天", "近1个月", "近2个月", "近1年"]
      }
    ],
    yAxis: [
      {
        type: "value"
      }
    ],
    series: [
      {
        barWidth: "30",
        name: "身份证",
        type: "bar",
        stack: "a",
        data: this.id_bank_allnum
      },
      {
        barWidth: "15",
        name: "手机号",
        type: "bar",
        stack: "a",
        itemStyle: {
          normal: {
            barBorderRadius: [3, 3, 0, 0]
          }
        },
        data: this.cell_bank_allnum
      }
    ]
  });
阅读 5.2k
2 个回答

你是怎么赋值的,把代码贴出来,不然咋知道?
初步预测是this指向问题

我记得数据改变是要对echart进行update的把?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题