[游戏开发]dataRange影响颜色，设置visualMap

一开始根据地图值区间，来设置不同颜色区域
后面需要使用飞线，但是飞线颜色不显示

        //颜色范围，底部标签option中
        // dataRange: {
        //   show: false,
        //   x: "left",
        //   y: "bottom",
        //   splitList: [
        //     { start: 3, end: 4, color: "#ac4b42" },
        //     { start: 2, end: 3, color: "#a67027" },
        //     { start: 1, end: 2, color: "#3d8d61" },
        //   ],
        // },

解决方法

//option中设置
        visualMap: {
          // 只作用于图 不显示图标
          show: false,
          type: "piecewise",
          top: 50,
          right: 15,
          // 只作用于第一个参数
          seriesIndex: 0,
          // 设置分段颜色
          pieces: [
            { min: 3, max: 4, color: "#ac4b42" },
            { min: 2, max: 3, color: "#a67027" },
            { min: 1, max: 2, color: "#3d8d61" },
          ],
        },
        //series中
                  {
            type: "lines",
            coordinateSystem: "geo",
            zlevel: 15,
            // 图标
            effect: {
              show: true,
              // 速度
              period: 3,
              delay: function() {
                return Math.ceil(Math.random() * 1000);
              },
              // 箭头长度
              trailLength: 0.3,
              symbol: 'arrow',
              color: '#fff791',
              symbolSize: 6,
            },
            lineStyle: {
              normal: {
                width: 1,
                opacity: 0.1,
                // 线的弧度
                curveness: 0.3,
                color: '#C2E9E7',
                // 虚线类型
                type: 'solid',
              },
            },
            data: this.inline,
          },