工作日志2020-03-27(echarts拉伸功能、echarts信息栏、echarts遍历数据，echarts的点击事件，获取前7天的时间)

今日需求

上传utf-8格式代码，页面全部更换
修改数据分析页面（
1、按照车牌号时间查询并分析折线图并能滑动
2、添加表格并和折线图关联，点击折线图数据表格显示相应的数据
3、做查找验证判断
）

具体功能gif图：

遇到的问题

基本上都是echarts的问题，来记录一下我的问题

1、图标拉伸功能的代码:

dataZoom: [{
   	       type: 'inside',
   	      	startValue:0,                           //数据窗口范围的起始数值
           	endValue:19                            //数据窗口范围的结束数值。
   	    }, {
   	    	startValue:10,
   	        end: 10, 
   	        handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
   	        handleSize: '80%',
   	        handleStyle: {
   	            color: '#fff',
   	            shadowBlur: 3,
   	            shadowColor: 'rgba(0, 0, 0, 0.6)',
   	            shadowOffsetX: 2,
   	            shadowOffsetY: 2
   	        }
   	    }],

这是拉伸的代码 虽然我也看不懂 数据还是能调一下的

2、信息栏的代码：

tooltip: {
    	  trigger: 'axis',
     	  formatter(params) {
    	    	 const item = params[0];
    	        return `
    	               	 车牌号：${item.data.varno}
    	               	 重量：${item.data.value}/吨
    	               `;
    		  }
    	    }

3、遍历数据的代码：

简单来说就是把数据转存到数组当中 echarts会自动遍历数组里面的内容
而且可以存放二维数组 可是里面的值一定要写成value 不然的话 是不会出现值的

var firstweight=new Array();
var number = new Array();
//简单来说就是把数据转存到数组当中  echarts会自动遍历数组里面的内容
for(i=1;i<=resule.data.length;i++){
				if(resule.data[i-1].firstweight == ""){
					firstweight[i-1] = 0;
				}else{
					firstweight[i-1] = resule.data[i-1];
				}
				number[i-1] = i;
			}

4、echarts的点击事件

param可以取很多数据，可以log一下看一下

     //注释的功能，是判断点击折线图的拐点。
     myChart.on('click', function (param) {
    	 var id = param.data.id;//这里根据param填写你的跳转逻辑
         var param = {
     			query: {
     				"id":id
     			}
     		}
      // 刷新表格
      	$('#pageTable').bootstrapTable('refresh',param);
     });
     window.addEventListener("resize",function(){
    	 myChart.resize(); 
     });
  	// 刷新表格
 	$('#pageTable').bootstrapTable('refresh',param);
		
	}

5、熟悉的时间代码，需求是前7天的数据

//取到现在的时间
var stattime = parseInt(new Date().getTime() / 1000);
//7天前的时间，就是减去了7天的时间戳
var time = parseInt(new Date().getTime() / 1000);
var enddate = timestampToTime(time-604800);
//这个是时间戳转换代码
function timestampToTime(timestamp) {
    var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var D = date.getDate();

    return Y + M + D;
}