Echarts进阶学习 9-流光柱形图

流光折线图

流光折线图实现逻辑：折线图+路径图

流光代码实现：

          // series。。。
          {
            type: 'lines', // 路径图
            coordinateSystem: 'cartesian2d', // 使用二维坐标系
            symbolSize: 8,
            polyline: true, // 多线段
            effect: { // 线特效配置
              show: true,
              period: 5, // 特效动画的时间，单位为秒
              trailLength: 0.3, // 特效尾迹的长度
              symbolSize: 11,
              symbol: 'circle', // 特效图形的标记
              color: '#0069d9',
            },
            lineStyle: {
              normal: {
                width: 1,
                opacity: 0
              },
            //   curveness: 0.5,
            //   join: 'round'
            },
            // 光点
            data: [{
              coords: [
                ['1月', 252],
                ['2月', 307],
                ['3月', 456