涨不胖的橘猫 2021-07-13 10:47 采纳率: 50%
浏览 31

关于#echarts#的问题

想质询下,echarts图表我框出来的这个图案怎么实现啊~弄了很久不知道怎么弄,完全没有思路。

img

  • 写回答

3条回答 默认 最新

  • 鲤鲤鲤carp 2021-07-13 11:39
    关注

    用div直接定位放上去
    例如这种
    img

    <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>
    
    评论

报告相同问题?

问题事件

  • 创建了问题 7月13日