vue+echart+map:发散地图去掉发散动效(提高速率防卡顿特殊要求)

有的客户竟然舍弃流动线条的动效。

配置也很简单:

只要改下series内控制线条数据的

effect即可:
把effect注释:

 [
        ["新乡2", date1],
        // ["九江", date2],
        // ["新疆", date3],
      ].forEach(function (item, i) {
        series.push(
          { //连线
            //控制浮动点
            name: item[0] + "开始",
            type: "lines",
            zlevel: 1,
            // effect: { // 动态取舍
            //   //导线绘制
            //   show: true,
            //   period: 6,
            //   trailLength: 0.7,
            //   color: "#fff",
            //   symbolSize: 3,
            // },
            lineStyle: {
              normal: {
                color: color[i],
                width: 0,
                curveness: 0.2,
              },
            },
            data: convertData(item[1]),
          },
          {
            name: item[0] + "始发:", //鼠标移到线条上显示出的数据 + 数据格式:JSON.stringify(item[1][3][1].value)
            type: "lines",
            zlevel: 2,
            effect: {
              show: true,
              period: 6,
              trailLength: 0,
              symbol: planePath, //这个是路径特写改编
              symbolSize: 15,
            },
            lineStyle: {
              normal: {
                color: color[i],
                width: 1,
                opacity: 0.4,
                curveness: 0.2,
              },
            },
            data: convertData(item[1]),
          },

或者直接这样改

effect: { // 动态取舍
              //导线绘制
              show: false,
              period: 6,
              trailLength: 0.7,
              color: "#fff",
              symbolSize: 3,
            },

另外还能进行自定义设置:

effect: { // 动态取舍 //导线绘制 show: true, period: 2,// 绽放的速度-可以模拟成烟花 trailLength: 0.5,//长度持久度 color: "#ace42d",// 颜色设置 symbolSize: 3,// 尺寸大小设置 },

 

当天动效也可以在这里配置其它效果

 

posted @ 2021-07-09 17:35  少哨兵  阅读(1035)  评论(0编辑  收藏  举报