//1。强制显示所有x轴数据axisLabel:{interval:0}//2。x轴太长,无法换行axisLabel:{formatter:(value)=>value.replace(/'-'/,"\n")}//3.图表提示不能超出页面边界tooltip:{position:function(point,params,dom,rect,size){//鼠标坐标和提示框位置的参考坐标系为:左上角外层div那个点为原点,x轴向右,y轴向下//提示框的位置varx=0;//x坐标位置vary=0;//y坐标位置//当前鼠标位置varpointX=point[0];变种点Y=点[1];//外部div大小//varviewWidth=size.viewSize[0];//varviewHeight=size.viewSize[1];//提示框大小varboxWidth=size.内容大小[0];varboxHeight=size.contentSize[1];//boxWidth>pointX表示提示框不能放在鼠标左侧if(boxWidth>pointX){x=20;屏幕y-=15;//防止点被覆盖,可以根据情况调整}else{//左边下x=pointX-boxWidth-15;}//boxHeight>pointY表示提示框不能放在鼠标上方if(boxHeight+20>pointY){y=pointY+15;}elseif(boxHeight>pointY){y=5;}else{//顶部可以容纳y+=pointY-box高度;}返回[x,y];}}//4.x/y轴常用配置xAxis:{splitLine:{//4.Dividerlineshow:false,},axisLine:{//坐标轴axisshow:true,lineStyle:{color:"rgba(0,149,255,.8)",},},axisTick:{//scalelineshow:false,},axisLabel:{//显示刻度标签文字show:true,interval:0,rotate:320,//X轴数据倾斜textStyle:{color:"#b2b2b2",},formatter:(value)=>value.replace(/'-'/,"\n"),//X轴长换行符},}
