option ={
  xAxis: {
     splitLine: {
      show: false,
     },
     axisLabel: {
      color: '#fff',
      rotate: '35',
      fontSize: 10,
     },
     data: ['0', '2013年', '2014年', '2015年', '2016年', '2017年'],
     boundaryGap: 0,
    },
    yAxis: {
     name: '（單位/km）',
     splitLine: {
      show: false,
     },
     axisLabel: {
      color: '#fff',
     },
     axisPointer: {
      lineStyle: {
       color: '#fff',
      },
      value: '140',
     },
    },
    grid: {
     top: '10%',
     bottom: '27%',
    },
    series: [{
     data: DataAll,
     type: 'scatter',
     symbolSize: function (parmas) {
      return Math.ceil(parmas[2] / 1000);
     },
     label: {
      emphasis: {
       show: true,
       formatter: function (param) {
        return param.data[3] + param.data[4];
       },
       position: 'top',
      },
     },
     markLine: {
      data: [
       [
        { name: '標線1起點', xAxis: 0, yAxis: 300, symbol: 'circle'},
        { name: '標線1終點', xAxis: '2017年', yAxis: 300, symbol: 'circle' },
       ],
      ],
      label: {
       normal: {
        show: true,
        position: 'middle',
        formatter: '節(jié)能與新能源汽車技術路線圖2020年目標',
       },
      },
      lineStyle: {
       normal: {
        type: 'solid',
        color: '#fff',
       },
      },
     },
     itemStyle: {
      normal: {
       color: '#0fefee',
      },
     },
    }],
}

 require.config({ // ecahrts引用，這里不做解釋了，請自行參考ecahrts的API例子
        paths: {
echarts: './lib/echarts'
        },
        packages: [
{
  name: 'BMap',
  location: './lib/echarts/Bmap',
  main: 'main'
}
        ]
      });
      require(
        [
'echarts',
'BMap',
'echarts/chart/map'
// 使用柱map模塊，按需加載
        ],
        function (echarts, BMapExtension) {
// 初始化地圖
var BMapExt = new BMapExtension(that.element.find('div')[0], BMap, echarts, {
  enableMapClick: false
});
var map = BMapExt.getMap();
          
// 因為這個有實際用途了，所以這里的代碼塊就不貼出來了，可按照自己的需求實現(xiàn)，具體查看百度地圖的API
// 這里主要處理的是，設置了百度地圖的邊界，初始化時顯示的區(qū)域，以及地圖的放大系數(shù)
......
          
// 在加載時，以下操作請加上，這里就回答了上面提到的第2個問題，因為echarts在動態(tài)加載markline時，其實數(shù)據(jù)時沒有加載進百度地圖的（當然我不知道這樣說明對不對哈），但百度地圖在每次縮放、拖拽時，都會重新渲染頁面，導致出現(xiàn)的加載情況不是我們想要的，比如剛才添加的markline不見了，或者所有的markline顏色變得跟當前最后一條添加的markline一樣，這些都是應該在這里先處理好，避免它發(fā)生。在全部的markline加載完之后，再初始化一下百度地圖的數(shù)據(jù)，那么這個時候恢復百度地圖原有的功能，不管怎么渲染，都不會再出現(xiàn)前面的情況。
map.disableScrollWheelZoom(); // 禁用滾輪縮放
map.disableDoubleClickZoom(); // 禁用雙擊放大
map.disableDragging(); // 禁止拖拽
map.disableAutoResize(); // 禁止自適應容器變化

// 初始化echarts
var fm = '';
var count = 0;
var option = {
  color: [],
  tooltip: {
    trigger: 'item',
    formatter: fm
  },
  series: []
};
// 這里是添加鼠標hover在markline上時，顯示的指定格式的內(nèi)容
if (!$.isEmptyObject(that.options.tooltip)) {
  if (that.options.tooltip.formatter && that.options.tooltip.formatter.indexOf('function') > -1) {
    option.tooltip.formatter = eval('(' + that.options.tooltip.formatter + ')');
  }
}
          // 添加第一層的markline
that.buildMM(null, option, color, geoCoordVar, data, count);
// 百度地圖獲取echarts容器
var container = BMapExt.getEchartsContainer();
// 初始化
myChart = BMapExt.initECharts(container);
// 第一次設置option
BMapExt.setOption(option, true);


// setInterval的方式動態(tài)添加markline，count用來記錄當前的層，用以判斷是否所有層都已添加
var clear = null;
var count = 0;  
clear = setInterval(function () {
 count++;
  if (count > level.length) {
     clear = window.clearInterval(clear);
     // 第二次設置option，這一步很重要，如果不設置，就會產(chǎn)生前面提到的情況（這真是一個坑，浪費了好多時間）
     BMapExt.setOption(option, true);
     map.enableScrollWheelZoom(); // 允許滾輪縮放
     map.enableDoubleClickZoom(); // 允許雙擊放大
     map.enableDragging();
   }
   // 添加下一層的markline
   that.buildMM(myChart, option, color, geoCoordVar, data, count);
         
         // 其它操作
         ......
           }, that.options.speed); // speed是指定的添加速度
        });
        
        buildMM: function (myChart, option, color, geoCoordVar, data, count) {
      for (var i = 0; i < data.length; i++) {
        // 在查詢結果數(shù)據(jù)中，level標表示層級關系，這里與count匹配下一層的數(shù)據(jù)
        if (data[i]['level'] == count) {
          // 生成markline數(shù)據(jù)
var ml = {
  smooth: true,
  effect: {
    show: false
  },
  data: this.getMM(data[i])['markline'],
  itemStyle: {
    normal: {
      color: color[count],
      borderWidth: 1,
      lineStyle: {
        type: 'solid',
        shadowBlur: 20,
        color: color[count]
      }
    }
  }
};
// 由于每一條markline是一個series，并且結合百度地圖，所以這里的參數(shù)中，需要注意type=map，mepType=none
var item = {
  name: data[i]['name'],
  type: 'map',
  mapType: 'none',
  data: [],
  markLine: ml,
  geoCoord: geoCoordVar,
  itemStyle: {
    normal: {
      color: color[count],
      borderWidth: 1,
      lineStyle: {
        type: 'solid',
        shadowBlur: 20,
        color: color[count]
      }
    }
  }
};
// 將當前markline的item添加到series中
option.series.push(item);
// 調用addMarkLine，這里請注意看，seriesIdx我設置的都是0，如果不設置0，是會報錯的，所以也就是這么簡單地解決了第三個問題，因為每一個addMarkLine的markline對echarts來時都是新增的（當然這也只是我個人理解）
   myChart.addMarkLine(
     0,
     ml
   );
        }
      }

    }