De grafiek Bric brengt de kracht van de open source Javascript-bibliotheek grafieken.js naar Blocs. Met ondersteuning voor bars, lijn, taart, donut, polair en radar grafiektypen, dit Bric kan op veel verschillende manieren worden gebruikt om een breed scala aan gegevens op uw website weer te geven.
De grafiek Bric wordt niet meegeleverd met de Blocs toepassing en kan apart worden aangeschaft hier.
Voorwaarden
De grafiek 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.