因为工作需要,第一件事做的便是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:['执行轨迹']