滑鼠移入時顯示懸浮框：

    懸浮框程式碼：

<div class="flex-model">
   <p class="title">管理</p>
   <p>您的正確率:22</p>
   <p>年級平均正確率:55</p>
</div>

懸浮框的不展示時的樣式：

.flex-model{
    display:none;
padding: 10px;
filter:alpha(Opacity=80);
position: absolute;
background-color: rgba(50, 50, 50, 0.6
 
);
font-size: 0.373333rem;
border-radius: 5px;
color: #ffffff;
z-index: 9999;
max-width: 50%;
}

滑鼠移入事件的觸發：

  knowledgeRadarChart.on("mouseover", function (params) {
        if (params.componentType === "radar") {
            var newLeft=params.event.offsetX,newTop=params.event.offsetY;
$('.flex-model').css
 
({
   display:'initial',
left:(newLeft+30) + 'px',
top:newTop + 'px'
})
        }
    }, false);

滑鼠移出事件：

knowledgeRadarChart.on("mouseout", function (params) {
$('.flex-model').css({
   display:'none'
})
     }, false);