第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何計(jì)算占總數(shù)的相對(duì)百分比?

如何計(jì)算占總數(shù)的相對(duì)百分比?

縹緲止盈 2024-01-18 10:14:04
我正在嘗試創(chuàng)建一個(gè)字云,其字體大小基于總數(shù)的百分比。每個(gè)單詞都有一個(gè)“計(jì)數(shù)”屬性。<h2>Cryptos</h2><div class="topics">{#each cryptos as topic}    <a    href="/cryptos/{topic._id}"    style="font-size: {(topic.count / topics[0].count) * 100 + 100}%;">${topic._id}    ({topic.count})</a>{/each}</div>這不太正常工作,我不知道為什么。font-size: {(topic.count / topics[0].count) * 100 + 100}%;主題按照降序排列.count我基本上希望字體大小在低端為 100%,在高端為 200%。
查看完整描述

1 回答

?
達(dá)令說

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊

通過將字體大小范圍與字?jǐn)?shù)范圍進(jìn)行比較,可以改變字體大小。


想象一下您有一個(gè)單詞列表及其計(jì)數(shù):


const words = [

? { text: "apples", count: 10 },

? { text: "pears", count: 30 },

? // ...

]

的范圍font-size可以計(jì)算:


const minFontSize = 10

const maxFontSize = 30


// delta between sizes

const fontRange = maxFontSize - minFontSize

然后計(jì)算最小字?jǐn)?shù)、最大字?jǐn)?shù)和字?jǐn)?shù)范圍。響應(yīng)式語句對(duì)此很有效:


// list of counts

$: counts = words.map(record => record.count)


// minimum word count

$: min = Math.min(...counts)


// maximum word count

$: max = Math.max(...counts)


// delta between smallest and largest word count

$: countRange = max - min

現(xiàn)在我們可以計(jì)算字體大?。?/p>


minFontSize + (deltaWordCount * sizeRatio)

或者更具體地說:


{#each words as word}

? <span style="font-size: {minFontSize + ((word.count - min) * (fontRange / countRange))}px">

? ? {word.text}

? </span>

{/each}


查看完整回答
反對(duì) 回復(fù) 2024-01-18
  • 1 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)