zoukankan      html  css  js  c++  java
  • 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',
                   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
  • 相关阅读:
    lintcode:最大子正方形
    lintcode 中等题:k Sum ii k数和 II
    lintcode 中等题:A + B Problem A + B 问题
    Protege汉字不能正常显示问题
    Protege A DOT error has occurred错误
    lintcode :reverse integer 颠倒整数
    Reported time is too far out of sync with master. Time difference of 52692ms > max allowed of 30000ms
    Please add or free up more resources then turn off safe mode manually.
    Permission denied: user=root, access=WRITE, inode="/":hadoopuser:supergroup:drwxr-xr-x
    Hadoop重新格式化HDFS的方法
  • 原文地址:https://www.cnblogs.com/yflbk-2016/p/13602814.html
Copyright © 2011-2022 走看看