Echarts visualMap:piece划分方法
生活随笔
收集整理的這篇文章主要介紹了
Echarts visualMap:piece划分方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
給一個中國地圖或者任意州市、區縣的地圖將其劃分為幾個部分。
例如:云南有16個州市。每四個一組,最多劃分為5組就劃分為:1-4,5-8,9-12,13-16
1. 需要注意的問題
前面循環賦值就可以了(label = gte - lte),特殊情況僅存在于最后一次循環的時候:
2. 函數參數
- length: 地圖中共有多少個地區
- groupSize:一組中有多少個地區
- groupNum:一共有多少個組
3. 代碼
let resArr = [] function cutPiece(length,groupSize,groupNum){let groups = Math.ceil(length/groupSize) // 向上取整let cutPiece = groups > groupNum ? groupNum : groups // 劃分組數let gte = 1;let lte = 1;let startNum = 0;let endNum = 0let label = ''for(let i=1;i<=cutPiece;i++){lte = gte + groupSize-1;if(i===cutPiece){if(lte >= length){if(gte === length){startNum = gteendNum = gtelabel =gte + '名'}else{lte = lengthstartNum = gteendNum = ltelabel = gte + '-' + lte + '名'}} else{startNum = gteendNum = lengthlabel = gte + '名及以上'}}else{startNum = gteendNum = ltelabel = gte + '-' + lte + '名'}resArr.push(label )gte = lte+1;}}4. 測試樣例
| cutPiece(16,4,5) | [ “1-4名”, “5-8名”, “9-12名”, “13-16名” ] |
| cutPiece(13,4,5) | [ “1-4名”, “5-8名”, “9-12名”, “13名” ] |
| cutPiece(50,4,5) | [ “1-4名”, “5-8名”, “9-12名”, “13-16名”, “17名及以上” ] |
| cutPiece(10,4,5) | [ “1-4名”, “5-8名”, “9-10名” ] |
函數邏輯感覺如果比較復雜,但勝在參數靈活,不需要理解函數的意思,只要傳參數就可以的要想要的劃分結果。
取次花叢懶回顧,半緣修道半緣君。
—— 唐·元稹
總結
以上是生活随笔為你收集整理的Echarts visualMap:piece划分方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android 通知写法_android
- 下一篇: ACM 知识点分类