Echarts --折线图的动态数据展示（x y 轴动态获取数据，显示刻度、数据）

       因为工作需要，第一件事做的便是echarts图的展示，虽然看起来只是前台拿来数据，展示到echarts图上，但是这中间还是有许多的小故障耗费了一些时间，下面便是我的一些简单了解：

       首先如果使用echarts，创建的五个步骤：

       1、引入e'charts<script type="text/javascript" src="echarts.js"></script>

       2、创建一个DOM容器，里面用来放置我们将要展示的echarts图，其实就是创建 div 标签

<div id="container" style="width: 600px; height: 600px;margin: 40px;"></div>

       3、初始化我们创建的echarts实例

        var myChart = echarts.init(document.getElementById("container"));

        4、制定图标的配置项以及数据，但是我的数据是通过ajax来动态获取的，所以这里只是一些配置项

               echarts官网配置项 这是官网的配置项，特别多，下面我只是使用了一点基础的：

         option = {
   title: {
       text: '经纬度'
   },
   tooltip: {
       formatter: function (params) {
           return '经度: ' + params.data[0].toFixed(2) + '<br>纬度: ' + params.data[1].toFixed(2);
       },
       axisPointer: {
                  type: 'cross'
            }
   },
   toolbox : {
show : true,
feature : {
dataView : {
show : true
},
saveAsImage : {
show : true
}
},
},
   legend: {
               data:['执行轨迹']