Ugrás a fő tartalomra

Word Cloud

A d3-cloud tetejére épülő szófelhő komponens.

Opciók

  • data | array: vagy szövegek tömbje, amelyekből a szófelhőt generálni kell, vagy, ha az precalculated értéke true, és szószám objektumok tömbje (a text és value kulcsokkal).. Default: [].
  • font | (string|function): accessor függvény, amely meghatározza az egyes szavak betűtípusát. Függvény helyett konstansot is elfogad. Default: 'serif'.
  • fontSizeMapper | function: accessor függvény, amely minden szóhoz megadja a betűméretet. Alapértelmezett értéke ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, ahol min és max a minimális és maximális szószámot jelöli.. Default: none.
  • height | number: a szófelhő magassága (px-ben). Default: 600.
  • language | string: nyelvi azonosító (meghatározza az eltávolítandó zárószavakat). Default: 'en'.
  • minCount | number: ha be van állítva, csak azokat a szavakat tartalmazza, amelyek többször fordulnak elő a megadott adatokban, mint a "minCount".. Default: none.
  • saveButton | boolean: szabályozza, hogy megjelenjen-e egy gomb a szófelhő képként történő mentéséhez.. Default: true.
  • onClick | function: callback függvény, amely akkor hívódik elő, ha egy szóra kattintanak a szófelhőben.. Default: onClick() {}.
  • padding | (function|number): hozzáférési függvény vagy konstans, amely az egyes szavak numerikus kitöltését jelzi. Default: 5.
  • precalculated | boolean: szabályozza, hogy a szófelhő az előre kiszámított szószámok tömbjét várja-e, vagy a megadott szövegekhez generálja azokat.. Default: false.
  • rotate | (function|number): accessor függvény, amely minden szóhoz megadja a forgatási szöget (fokban). A függvény helyett konstansot is elfogad. Default: word => word.value % 360.
  • updateThreshold | number: az új dokumentumok kötegelt mérete az "adatokban", mielőtt a szófelhő újra renderelésre kerülne.. Default: 5.
  • stopwords | array: a szófelhő megjelenítése előtt eltávolítandó további zárószavak. Default: [].
  • triggerRender | boolean: újraszerkesztés az adathalmaz cseréjekor. Default: true.
  • style | object: CSS inline stílusok. Default: {}.
  • width | number: a szófelhő szélessége (px-ben). Default: 700.

Példák

Élő szerkesztő
Eredmény
ReferenceError: Provider is not defined