Grafieken

De Chart Bric brengt de kracht van de open source Javascript-bibliotheek grafieken.js naar Blocs. Met ondersteuning voor bars, lijn, taart, donut, polair en radar Met deze Bric kunt u op allerlei manieren allerlei soorten gegevens op uw website weergeven.

De Chart Bric wordt niet meegeleverd met de Blocs toepassing en kan apart worden aangeschaft hier.

Voorwaarden

De Chart Bric vereist minimaal MacOS 12 (Mojave) en werkt met beide Blocs 4 en 5.

Hoe te installeren

Alle add-ons kunnen worden geïnstalleerd in Blocs met behulp van Extensiebeheer. Als u niet bekend bent met het installeren van add-ons, kunt u dit volgen Deze gids.

het Uiterlijk

De weergaveregelaars worden gebruikt om de visuele weergave van een diagram in te stellen.

Style

De vervolgkeuzelijst Stijl kan worden gebruikt om de visuele stijl van een diagram te selecteren. U kunt kiezen uit Bar, Line, Pie, Donut, Polar Area, Radar.

Layout

De lay-outbediening is alleen beschikbaar voor staaf- en lijndiagramstijlen. Deze vervolgkeuzelijst kan worden gebruikt om de lay-out van een diagram in te stellen op verticaal (standaard) of horizontaal. Dit besturingselement is verborgen wanneer een andere diagramstijl is geselecteerd.

Achtergrond kleur

Deze kleurenbron kan worden gebruikt om de achtergrondkleur van een diagram in te stellen.

Tekstkleur

Deze kleurenbron kan worden gebruikt om de tekstkleur van een diagram in te stellen.

Randkleur

Deze kleurenbron kan worden gebruikt om de randkleur van een diagram in te stellen.

Raster kleur

Deze kleurenbron kan worden gebruikt om de rasterkleur van een diagram in te stellen.

Legende

De legendabesturingselementen worden gebruikt om kenmerken van de diagramlegenda in te stellen.

Positie

Deze vervolgkeuzelijst wordt gebruikt om de positie van de legenda in te stellen. Het kan worden ingesteld op boven, onder, links of rechts.

Legenda tonen

Dit selectievakje wordt gebruikt om de zichtbaarheid van de diagramlegenda in of uit te schakelen.

Data

De gegevensbedieningselementen worden gebruikt om de gegevens in te stellen die in een grafiek worden ingevuld. Afhankelijk van de stijl van het diagram dat u maakt, is het mogelijk om zowel enkelvoudige als meerdere gegevenssets in één diagram te plaatsen.

labels

Dit tekstinvoerveld wordt gebruikt om de labelarray in te stellen die wordt gebruikt om de inhoud van de X- of Y-as van een grafiek te vullen. Deze waarde moet uit hetzelfde aantal items bestaan ​​als het veld Waarden. Elke waarde moet worden gescheiden door een komma.

Label korte codes

Blocs ondersteunt het snel genereren van labelarrays voor algemene gegevenstypen zoals maanden of het jaar. De volgende korte codes kunnen in het veld Labels worden gebruikt om snel overeenkomstige labelgegevens te genereren. Als u bijvoorbeeld *q1 in het veld Labels typt, worden automatisch januari, februari en maart gegenereerd.

*maanden = jan, feb, mrt, apr, mei, jun, jul, aug, sep, okt, nov, dec

*q1 = januari, februari, maart

*q2 = april, mei, juni

*q3 = juli, augustus, september

*q4 = oktober, november, december

*sociaal = Facebook, Instagram, LinkedIn, Reddit, SnapChat, TikTok, Twitter, Youtube

* cryptovaluta = Bitcoin, Ethereum, Tether, XRP, Cardano, Dodgecoin, Solona, ​​Shib, Litecoin, Stellar

*Europa = lijst Europese landen

*staat = lijst Amerikaanse staten

gegevens Sets

Deze vervolgkeuzelijst kan worden gebruikt om een ​​gegevensset te selecteren, waardoor het mogelijk wordt de waarden en kleuren die erop zijn toegepast te bewerken. Met deze optie kunt u ook aanvullende datasets toevoegen en verwijderen.

label

Dit tekstveld kan worden gebruikt om het label in te stellen dat wordt gebruikt in de legenda voor de huidige dataset.

Values

Dit tekstinvoerveld wordt gebruikt om de waardematrix in te stellen voor de huidige dataset die wordt gebruikt om de inhoud van een grafiek te vullen. Deze waardematrix moet uit hetzelfde aantal items bestaan ​​als het veld Labels. Elke waarde moet worden gescheiden door een komma.

Opvulkleur

Deze kleurenbron kan worden gebruikt om de vulkleur van een dataset in te stellen. Deze optie is alleen beschikbaar voor staaf-, lijn- en radardiagrammen.

Randkleur

Deze kleurenbron kan worden gebruikt om de randkleur van een dataset in te stellen. Deze optie is alleen beschikbaar voor staaf-, lijn- en radardiagrammen.

Seg-kleuren

Dit tekstinvoerveld wordt gebruikt om de kleurwaarde-array in te stellen voor de huidige dataset die wordt gebruikt om de inhoud van een grafiek te vullen. Deze waardematrix moet uit hetzelfde aantal items bestaan ​​als het veld Labels. Elke waarde moet worden gescheiden door een komma. U kunt HEX- of RGBA-kleurwaarden gebruiken. Deze optie is alleen beschikbaar voor de cirkel-, ring- en pooldiagramstijlen.

U kunt meer lezen over HEX- en RGBA-kleurwaarden hier.

Schaal X

De Schaal X-besturingselementen worden gebruikt om het uiterlijk van de X-as van een diagram aan te passen.

label

Dit tekstinvoerveld kan worden gebruikt om het label voor de X-as van een diagram in te stellen.

Toon schaal

Dit selectievakje wordt gebruikt om de zichtbaarheid van de X-asdetails van een grafiek in of uit te schakelen.

Schaal Y

De besturingselementen Schaal Y worden gebruikt om het uiterlijk van de Y-as van een diagram aan te passen.

label

Dit tekstinvoerveld kan worden gebruikt om het label voor de Y-as van een diagram in te stellen.

Minimale waarde

Dit tekstinvoerveld kan worden gebruikt om de gewenste minimumwaarde voor de Y-as van een diagram in te stellen. Deze waarde moet numeriek zijn en kan positief (100) of negatief (-100) zijn.

Maximale waarde

Dit tekstinvoerveld kan worden gebruikt om de gewenste maximale waarde voor de Y-as van een diagram in te stellen. Deze waarde moet numeriek zijn en kan positief (100) of negatief (-100) zijn.

Stapgrootte

Dit tekstinvoerveld kan worden gebruikt om de numerieke stapgrootte van de Y-as van het diagram in te stellen. Het wijzigen van deze waarde heeft invloed op de getallen die op de Y-as lopen. De standaardstapwaarde is 20, dit betekent dat het diagram een ​​stap op de Y-as zal tonen in stappen van 20, bijvoorbeeld 20, 40, 60, 80. Als deze waarde wordt gewijzigd in 10, wordt het dubbele aantal stappen weergegeven, 10, 20, 30, 40, 50, 60, 70, 80. Deze waarde moet numeriek zijn.

Toon schaal

Dit selectievakje wordt gebruikt om de zichtbaarheid van de Y-as van een diagram in of uit te schakelen.

Animatie

De animatiebesturingselementen kunnen worden gebruikt om de manier aan te passen waarop een grafiek wordt geanimeerd wanneer deze wordt bekeken op een live website.

Kaartanimaties kunnen alleen worden bekeken in de voorbeeldmodus of wanneer een site wordt geëxporteerd/gepubliceerd en geladen via een webbrowser.

Vertraging

Dit tekstinvoerveld wordt gebruikt om de vertraging van een kaartanimatie aan te passen. De waarde moet numeriek zijn en wordt gemeten in milliseconden, bijvoorbeeld 1000 = 1 seconde.

Duur

Dit tekstinvoerveld wordt gebruikt om de duur van een grafiekanimatie aan te passen. De waarde moet numeriek zijn en wordt gemeten in milliseconden, bijv. 1000 = 1 seconde. Als u geen animatie op een kaart wilt, stelt u deze waarde in op 0.

Bijgewerkt op 15 februari 2023

Was dit artikel behulpzaam?

Gerelateerde artikelen