echarts lines effect 遇到拖尾效果问题,求解答?

先看我的问题效果

 

 

官方实例效果

 

 

难道是版本问题吗?

有路过的大神要知道?

我的代码如下

{
        backgroundColor: '#09132c',
        visualMap: [{
          type: 'piecewise', // 分段式
          pieces: [
            { min: 20000, label: '>2万', color: '#0231BA' },
            { min: 10000, max: 20000, label: '1万-2万', color: '#001A71' },
            { max: 10000, label: '<1万', color: '#021d55' }
          ]
        }],
        geo: {
          map: 'china',
          zoom: 1.22, // 设置比例比sesies的大,出现外围地图叠加效果
          emphasis: { // 高亮状态下的多边形和标签样式
            label: {
              show: false
            },
            itemStyle: {
              areaColor: '#00FFFF'
            }
          },
          regions: [{
            name: '南海诸岛',
            itemStyle: {
              normal: {
                opacity: 0,
                label: {
                  show: false,
                  color: '#009cc9'
                }
              }
            }
          }],
          itemStyle: { // 图形样式
            areaColor: '#2AB8FF',
            borderWidth: 2,
            borderColor: '#2AB8FF',
            shadowColor: '#2AB8FF',
            shadowBlur: 10,
            shadowOffsetX: 2,
            shadowOffsetY: 3
          }
        },
        series: [{
          type: 'map',
          map: 'china',
          zoom: 1.2,
          data: [
            {
              name: '广东',
              value: 8000
            },
            {
              name: '云南',
              value: 15000
            },
            {
              name: '青海',
              value: 28000
            }
          ],
          label: {
            show: true,
            color: '#fff'
          },
          itemStyle: { // 图形样式
            areaColor: '#274d68',
            borderWidth: 1,
            borderColor: '#2AB8FF',
            shadowColor: 'rgba(0, 10, 52, 1)',
            shadowBlur: 10
          },
          emphasis: { // 高亮状态下的多边形和标签样式
            label: {
              show: false
            },
            itemStyle: {
              areaColor: '#2AB8FF'
            }
          }
        },
        {
          name: 'mapLines',
          type: 'lines',
          zlevel: 1,
          symbol: ['none', 'arrow'],
          symbolSize: 10,
          effect: {
            show: true,
            period: 5, // 箭头指向速度,值越小速度越快
            trailLength: 0.4, // 特效尾迹长度[0,1]值越大,尾迹越长重
            symbol: 'arrow', // 箭头图标
            symbolSize: 10 // 图标大小
          },
          lineStyle: {
            normal: {
              color: '#1DE9B6',
              width: 1, // 线条宽度
              opacity: 0.1, // 尾迹线条透明度
              curveness: 0.3 // 尾迹线条曲直度
            }
          },
          data: [{
            // fromName: '北京',
            // toName: '河南',
            coords: [[118.8062, 31.9208], [98.8062, 28.9208]],
            lineStyle: {
              color: '#4ab2e5'
            }
            // value: '2000'
          }, {
            coords: [[118.8062, 31.9208], [98.8062, 38.9208]],
            lineStyle: {
              color: '#4ab2e5'
            }
          }]
        }
        ]
      }
View Code

 

posted @ 2020-09-02 17:16  树叶铃铛  阅读(1920)  评论(1编辑  收藏  举报