用了echart搭建完項目,項目經理說鼠標一移上去老閃(顯示浮框信息和環形圖變大)讓去了
這邊看了api發現竟然沒有相關文檔,最后自己慢慢嘗試和參考各種api后改了,總結如下:
hoverAnimation:false
取消掉環形圖鼠標移上去時自動放大,這個要設置在series里才會生效,而且api沒hoverAnimation
series: [ { hoverAnimation:false, name: '狀態', type: 'pie', radius: ['34%', '46%'], x:'-45%', label: {show:false}, data: [ {value: 10, name: '電流', // selected: true,//環形圖開口 itemStyle: { color: "#a4cdee", }, }, {value: 12, name: '溫度', itemStyle: { color: "#5490ff", }, }, {value: 1, name: '電壓', itemStyle: { color: "#a085be", }, }, ] } ]
toolTip:{show:false}:取消浮框顯示
tooltip: {//設置鼠標移上去后會顯示數據 -黑框浮層 show:false,//關閉鼠標移上去后顯示浮框信息 trigger: 'item', formatter: '{a} <br/>{b} ({d}%)'//a:頭部標題 b:單項名稱name c:值value d:百分比 },
legend:{selectedMode:false,//取消標題點擊后事件-這里顯示和隱藏指定項}
legend: { selectedMode:false,//取消標題點擊后事件-這里顯示和隱藏指定項 icon:'circle',//標題圖例的樣式--默認圓角長方體 width:100,//設置寬度超出就會縱向排列 right: 10, top:60,//lengend 距頂部距離 itemGap : 24,//上下間隔 // backgroundColor:'red',//圖例背景色 textStyle:{//文本樣式 padding:[0,0,0,10],//上右下左 調節左側小圓點到文本間距 fontSize:22, color:"#595969", // lineHeight: 56, } // data: ['在線', '離線'] },
改后事件取消
改前事件: