1.這個儀表盤由兩部分組成,第一個儀表盤只顯示刻度其余不顯示;第二個刻度隱藏,指針,輪盤顯示;
里面的圓和半圓是通過css+偽類+定位實現的。
1.1 第一個輪盤的代碼:

1.2 第二個輪盤的代碼:


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

1.這個儀表盤由兩部分組成,第一個儀表盤只顯示刻度其余不顯示;第二個刻度隱藏,指針,輪盤顯示;
里面的圓和半圓是通過css+偽類+定位實現的。
1.1 第一個輪盤的代碼:

1.2 第二個輪盤的代碼:


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

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