給一個(gè)中國(guó)地圖或者任意州市、區(qū)縣的地圖將其劃分為幾個(gè)部分。
例如：云南有16個(gè)州市。每四個(gè)一組，最多劃分為5組就劃分為：1-4,5-8，9-12,13-16

1. 需要注意的問題

前面循環(huán)賦值就可以了(label = gte - lte)，特殊情況僅存在于最后一次循環(huán)的時(shí)候：

最后一組中地區(qū)數(shù)=1，label = gte

最后一組中地區(qū)數(shù)>groupSize，label = lte 及以上

1<最后一組中地區(qū)數(shù)<=groupSize,label = gte - lte

2. 函數(shù)參數(shù)

• length: 地圖中共有多少個(gè)地區(qū)
• groupSize：一組中有多少個(gè)地區(qū)
• groupNum：一共有多少個(gè)組

3. 代碼

let resArr = [] function cutPiece(length,groupSize,groupNum){let groups = Math.ceil(length/groupSize) // 向上取整let cutPiece = groups > groupNum ? groupNum : groups // 劃分組數(shù)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. 測(cè)試樣例

測(cè)試樣例結(jié)果

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名” ]

函數(shù)邏輯感覺如果比較復(fù)雜，但勝在參數(shù)靈活，不需要理解函數(shù)的意思，只要傳參數(shù)就可以的要想要的劃分結(jié)果。

---

取次花叢懶回顧，半緣修道半緣君。

—— 唐·元稹

總結(jié)

以上是生活随笔為你收集整理的Echarts visualMap：piece划分方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。