echarts實現一個儀表盤


1.這個儀表盤由兩部分組成,第一個儀表盤只顯示刻度其余不顯示;第二個刻度隱藏,指針,輪盤顯示;

里面的圓和半圓是通過css+偽類+定位實現的。

1.1 第一個輪盤的代碼:

 

 1.2 第二個輪盤的代碼:

 

 

 

2.要想實現series中的數據跟指針指向刻度想匹配,切記要設置series中第二對象,也就是第二個儀表盤,因為儀表盤的指針指向的是第二個儀表盤不是第二個,設置min,max屬性就可以了。效果圖如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM