在Echarts图中给坐标轴加一个标识线markLine

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: '节能与新能源汽车技术路线图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();
// 因为这个有实际用途了，所以这里的代码块就不贴出来了，可按照自己的需求实现，具体查看百度地图的API
// 这里主要处理的是，设置了百度地图的边界，初始化时显示的区域，以及地图的放大系数
......
// 在加载时，以下操作请加上，这里就回答了上面提到的第2个问题，因为echarts在动态加载markline时，其实数据时没有加载进百度地图的（当然我不知道这样说明对不对哈），但百度地图在每次缩放、拖拽时，都会重新渲染页面，导致出现的加载情况不是我们想要的，比如刚才添加的markline不见了，或者所有的markline颜色变得跟当前最后一条添加的markline一样，这些都是应该在这里先处理好，避免它发生。在全部的markline加载完之后，再初始化一下百度地图的数据，那么这个时候恢复百度地图原有的功能，不管怎么渲染，都不会再出现前面的情况。
map.disableScrollWheelZoom(); // 禁用滚轮缩放
map.disableDoubleClickZoom(); // 禁用双击放大
map.disableDragging(); // 禁止拖拽
map.disableAutoResize(); // 禁止自适应容器变化
// 初始化echarts
var fm = '{b}';
var count = 0;
var option = {
  color: [],
  tooltip: {
    trigger: 'item',
    formatter: fm
  },
  series: []
};
// 这里是添加鼠标hover在markline上时，显示的指定格式的内容
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的方式动态添加markline，count用来记录当前的层，用以判断是否所有层都已添加
var clear = null;
var count = 0;  
clear = setInterval(function () {
 count++;
  if (count > level.length) {
     clear = window.clearInterval(clear);
     // 第二次设置option，这一步很重要，如果不设置，就会产生前面提到的情况（这真是一个坑，浪费了好多时间）
     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++) {
        // 在查询结果数据中，level标表示层级关系，这里与count匹配下一层的数据
        if (data[i]['level'] == count) {
          // 生成markline数据
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，并且结合百度地图，所以这里的参数中，需要注意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
   );
        }
      }
    }