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: '標(biāo)線1起點(diǎn)', xAxis: 0, yAxis: 300, symbol: 'circle'},
        { name: '標(biāo)線1終點(diǎn)', xAxis: '2017年', yAxis: 300, symbol: 'circle' },
       ],
      ],
      label: {
       normal: {
        show: true,
        position: 'middle',
        formatter: '節(jié)能與新能源汽車技術(shù)路線圖2020年目標(biāo)',
       },
      },
      lineStyle: {
       normal: {
        type: 'solid',
        color: '#fff',
       },
      },
     },
     itemStyle: {
      normal: {
       color: '#0fefee',
      },
     },
    }],
}

 require.config({ // ecahrts引用，這里不做解釋了，請(qǐng)自行參考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();
          
// 因?yàn)檫@個(gè)有實(shí)際用途了，所以這里的代碼塊就不貼出來了，可按照自己的需求實(shí)現(xiàn)，具體查看百度地圖的API
// 這里主要處理的是，設(shè)置了百度地圖的邊界，初始化時(shí)顯示的區(qū)域，以及地圖的放大系數(shù)
......
          
// 在加載時(shí)，以下操作請(qǐng)加上，這里就回答了上面提到的第2個(gè)問題，因?yàn)閑charts在動(dòng)態(tài)加載markline時(shí)，其實(shí)數(shù)據(jù)時(shí)沒有加載進(jìn)百度地圖的（當(dāng)然我不知道這樣說明對(duì)不對(duì)哈），但百度地圖在每次縮放、拖拽時(shí)，都會(huì)重新渲染頁面，導(dǎo)致出現(xiàn)的加載情況不是我們想要的，比如剛才添加的markline不見了，或者所有的markline顏色變得跟當(dāng)前最后一條添加的markline一樣，這些都是應(yīng)該在這里先處理好，避免它發(fā)生。在全部的markline加載完之后，再初始化一下百度地圖的數(shù)據(jù)，那么這個(gè)時(shí)候恢復(fù)百度地圖原有的功能，不管怎么渲染，都不會(huì)再出現(xiàn)前面的情況。
map.disableScrollWheelZoom(); // 禁用滾輪縮放
map.disableDoubleClickZoom(); // 禁用雙擊放大
map.disableDragging(); // 禁止拖拽
map.disableAutoResize(); // 禁止自適應(yīng)容器變化

// 初始化echarts
var fm = '';
var count = 0;
var option = {
  color: [],
  tooltip: {
    trigger: 'item',
    formatter: fm
  },
  series: []
};
// 這里是添加鼠標(biāo)hover在markline上時(shí)，顯示的指定格式的內(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);
// 第一次設(shè)置option
BMapExt.setOption(option, true);


// setInterval的方式動(dòng)態(tài)添加markline，count用來記錄當(dāng)前的層，用以判斷是否所有層都已添加
var clear = null;
var count = 0;  
clear = setInterval(function () {
 count++;
  if (count > level.length) {
     clear = window.clearInterval(clear);
     // 第二次設(shè)置option，這一步很重要，如果不設(shè)置，就會(huì)產(chǎn)生前面提到的情況（這真是一個(gè)坑，浪費(fèi)了好多時(shí)間）
     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++) {
        // 在查詢結(jié)果數(shù)據(jù)中，level標(biāo)表示層級(jí)關(guān)系，這里與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是一個(gè)series，并且結(jié)合百度地圖，所以這里的參數(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]
      }
    }
  }
};
// 將當(dāng)前markline的item添加到series中
option.series.push(item);
// 調(diào)用addMarkLine，這里請(qǐng)注意看，seriesIdx我設(shè)置的都是0，如果不設(shè)置0，是會(huì)報(bào)錯(cuò)的，所以也就是這么簡(jiǎn)單地解決了第三個(gè)問題，因?yàn)槊恳粋€(gè)addMarkLine的markline對(duì)echarts來時(shí)都是新增的（當(dāng)然這也只是我個(gè)人理解）
   myChart.addMarkLine(
     0,
     ml
   );
        }
      }

    }