想质询下,echarts图表我框出来的这个图案怎么实现啊~弄了很久不知道怎么弄,完全没有思路。
用div直接定位放上去
例如这种
<style>
.mydiv {
index: 9999;
position: absolute;
top: 100px;
left: 100px;
border: 1px solid blue;
border-right: none;
color: blue;
height: 21px;
width: 35px;
}
.mydiv:after {
display: block;
content: '';
width: 15px;
height: 15px;
border: 1px solid blue;
border-left: none;
border-bottom: none;
transform: rotate(45deg);
position: absolute;
left: 82%;
bottom: 6%;
}
<style>
.mydiv {
index: 9999;
position: absolute;
top: 100px;
left: 100px;
border: 1px solid blue;
border-right: none;
color: blue;
height: 21px;
width: 35px;
}
.mydiv:after {
display: block;
content: '';
width: 15px;
height: 15px;
border: 1px solid blue;
border-left: none;
border-bottom: none;
transform: rotate(45deg);
position: absolute;
left: 82%;
bottom: 6%;
}
</style>
<div class="mydiv">99.9%</div>
把代码贴出来,echarts自带这种提示叫tooltip,可以去官网看看,加上去自动就显示了
你这个用的是那部分,tooltip?还是啥?应该可以自己定义,可以用css样式实现,也可以用一个图片作为标签的背景