vue中使用chart.js,有一个tab栏动态切换不同的折线图,当鼠标在图表上滑动会切换到之前的图表,是怎么回事

图片描述

drawLine () {
  let wrapper = null
  if (this.tabindex == 1) {
    wrapper = document.querySelector("#signChart1").getContext("2d");
  } else if (this.tabindex == 2) {
    wrapper = document.querySelector("#signChart2").getContext("2d");
  } else if (this.tabindex == 3) {
    wrapper = document.querySelector("#signChart3").getContext("2d");
  } else {
    wrapper = document.querySelector("#signChart4").getContext("2d");
  }
  console.log(wrapper)
  let options = {
    type: "line",
    data: {
      labels: this.chart.labels,
      datasets: this.chart.data
    },
    options: {
      scales: {
        yAxes: [
          {
            ticks: this.chart.ticks
          }
        ]
      }
    }
  };
  this.chartLine = new Chart(wrapper, options);
  this.chartLine.update();
},
阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进