实现拖动滑块让数据联动

Henry old

已于 2022-06-24 09:33:41 修改

阅读量503

点赞数 1

文章标签： javascript echarts 前端

于 2022-06-24 09:22:26 首次发布

本文链接：https://blog.csdn.net/cjj88195/article/details/125438944

版权

视频详情

拖动滑块时同时改动左侧年份和图表

   // 初始化echarts图表
    initEcharts() {
   
      var myEcharts = echarts.init(document.getElementById("detailsEcharts"));
      myEcharts.setOption({
   
        // 鼠标悬浮显示x轴和y轴数据
        tooltip: {
   
          trigger: "axis",
          axisPointer: {
   
            // 坐标轴指示器，坐标轴触发有效
            type: "none", // 默认为直线，可选为：'line' | 'shadow'
          },
          formatter: function (params) {
   
            return (
             `<div style="font-size:12px;">${
      "年份：" +
              params[0].axisValue +
              "<br>" +
              "数据：" +
              params[0].data}</div>`
            );
          },