技术积累系列(三)------echarts折线柱状图坐标轴文字限制个数添加省略号处理，控制浮动提示框的位置

折线图

（1）引入官方的js资源

（2）界面上可以放一个空的div

  <div class="chart" id="barChart" >   </div>

加载图表的js

  function barChart(){
        
			var myChart = echarts.init(document.getElementById('barChart'));//找到空的div
			option = {
				    tooltip : {
				        trigger: 'axis',
				        //控制浮动提示框的位置,自定义function各个参数
				        position: function (point, params, dom, rect, size) {
				        	  // 鼠标坐标和提示框位置的参考坐标系是：以外层div的左上角那一点为原点，x轴向右，y轴向下
				        	  // 提示框位置
				        	  var x = 0; // x坐标位置
				        	  var y = 0; // y坐标位置
				        	 
				        	  // 当前鼠标位置
				        	  var pointX = point[0];
				        	  var pointY = point[1];
				        	 
				    				        	 
				        	  // 提示框大小
				        	  var boxWidth = size.contentSize[0];
				        	  var boxHeight = size.contentSi