Echarts使用学习记录

自我学习记录一下

由于项目需要使用Echarts 显示图表，于是开始对其进行研究，脑袋瓜好忘，记录以备后用

前台页面代码

只展示js代码，其他的嵌入代码等等自行脑补吧

<script type="text/javascript">
//首先初始化显示控件，由于没有数据显示的将是一个只有坐标系的区域
    var dom = document.getElementById("container");
	var myChart = echarts.init(dom);
	var app = {
   };
	option = null;
	var posList = [
	    'left', 'right', 'top', 'bottom',
	    'inside',
	    'insideTop', 'insideLeft', 'insideRight', 'insideBottom',
	    'insideTopLeft', 'insideTopRight', 'insideBottomLeft', 'insideBottomRight'
	];
	app.configParameters = {
   
	    rotate: {
   
	        min: -90,
	        max: 90
	    },
	    align: {
   
	        options: {
   
	            left: 'left',
	            center: 'center',
	            right: 'right'
	        }
	    },
	    verticalAlign: {
   
	        options: {
   
	            top: 'top',
	            middle: 'middle',
	            bottom: 'bottom'
	        }
	    },
	    position: {
   
	        options: echarts.util.reduce(posList, function (map, pos) {
   
	            map[pos] = pos;
	            return map;
	        }, {
   })
	    },
	    distance: {
   
	        min: 0,
	        max: 100