fix:修改BUG

dashboard模块
1.panel 图表tooltip在鼠标移出图表区时,无法隐藏
2.调整图表区域的空白(曲线图,datazoom,legend)
3.panel下拉列表限制最大宽度,超长内容 ... 显示,鼠标悬浮显示全部内容,列表框宽度固定宽度,增加border效果
This commit is contained in:
hanyuxia
2020-02-24 20:31:25 +08:00
parent 0d4b188800
commit c7caf1ef58
3 changed files with 69 additions and 21 deletions

View File

@@ -33,7 +33,7 @@
</div>
</div>
<div class="line-area" style="border:solid 0px red;" ref="lineChartArea" id="lineChartArea" v-show="firstShow"></div>
<div class="line-area" ref="lineChartArea" id="lineChartArea" v-show="firstShow"></div>
<div class="legend-container" id="legendArea" ref="legendArea" v-show="firstShow">
<div v-for="(item, index) in legendList" :title="item.name" @click="clickLegend(item.name,index)" class="legend-item" :class="{'ft-gr':isGrey[index]}" :key="'legend_' + item.name+'_'+index">
@@ -344,7 +344,7 @@
trigger: 'axis',
confine:false,
extraCssText:'z-index:1000;',
enterable:true,
/*enterable:true, 导致tooltip不消失显示多个tooltip*/
position:function(point,params,dom,rect,size){
dom.style.transform = "translateZ(0)";
//提示框位置
@@ -510,10 +510,10 @@
grid: {
//height:"50%",
top: 13,
left: 65,
right: 45,
containLabel: false,
bottom:70,//156
left: 0,
right: 30,
containLabel: true,
bottom:35,//156
},
dataZoom: [{
type: 'slider',
@@ -522,7 +522,9 @@
start: 0,
end: 100,
height:25,
bottom:10//96
bottom:10,//96
left:40,
right:48,
}
/*
, {