Als u klaar bent om hoogwaardige, aangepaste grafieken te maken en te versturen, bent u klaar om te beginnen met Image Charts.
Image Charts is een altijd beschikbare, altijd actuele grafiekgeneratiedienst die het zware werk van het maken en bijwerken van prachtige ingesloten grafieken voor u uit handen neemt, dankzij een aangepaste API. Stel het eenmalig in en begin het verhaal van uw gegevens te vertellen met automatisch bijgewerkte, aangepaste grafieken. Verspil nooit meer tijd aan saaie grafieken.
Bekijk deze video voor een volledige tutorial of scroll naar beneden om de instructies in geschreven vorm te zien. Veel plezier met grafieken maken!
Hoe kiest u een chart-endpoint
Er zijn 2 verschillende endpoints bij Image Charts: /Chart en /Chart 2.8.0.
Hoewel de stappen om beide te gebruiken erg op elkaar lijken, is de ene meer ontwikkelaarsvriendelijk terwijl de andere toegankelijker is voor iedereen.
Het endpoint /Chart 2.8.0 is bedoeld voor developers die bekend zijn met chart-js. Als coderen niets voor je is, biedt het endpoint /Chart je de mogelijkheid om datzelfde niveau van maatwerk te bereiken. Beide geven je toegang tot prachtige, ingesloten en automatisch bijgewerkte grafieken.
Hoe gebruikt u het /Chart 2.8.0-endpoint
Het API-endpoint /Chart 2.8.0 is eenvoudig, maar vereist kennis van de chart-js-bibliotheek.
Begin gewoon met het openen van het vervolgkeuzemenu en selecteer /Chart 2.8.0.
Vanaf hier kunt u de chart-js-bibliotheek gebruiken om uw grafiek te maken.
Hoe gebruikt u het /Chart-endpoint
Het endpoint /Chart is bedoeld voor mensen die minder bekend zijn met coderen, of die simpelweg snel en gemakkelijk hun grafieken willen maken.
Alt-tekst - het grafiekeindpunt selecteren
Zodra je je endpoint hebt gekozen, volg je deze stappen om je grafiek te maken
Uw aangepaste ingesloten grafiek maken
Volg deze stappen om uw aangepaste ingesloten grafiek te maken.
Selecteer een grafiek
Zorg er eerst voor dat /Chart geselecteerd is in het vervolgkeuzemenu. Kijk vervolgens bovenaan je scherm en selecteer Gallery. Hier selecteer je een grafiek en vooraf ingevulde gegevens die je later kunt bewerken.
Alt-tekst - het grafiektype selecteren
Bewerken in formulierparameters
Zodra je grafiektype is geselecteerd, ga je terug naar Formulierparameters in het meest linkse tabblad bovenaan het scherm. Hier vind je de blokken die relevant zijn voor je geselecteerde grafiek, al gevuld met testgegevens. (Onthoud: als je van grafiektype wilt wisselen, ga je gewoon terug naar de galerij.)
Wijzig eenvoudig de gegevens in de blokken aan de linkerkant, en de grafiek wordt automatisch bijgewerkt. Hier kun je ook de naam van je dataset wijzigen.
Hier kunt u naar beneden scrollen naar uw tweede dataset en de labels wijzigen. Verderop kunt u de grafiekgrootte in pixels wijzigen. Daaronder kunt u van grafiektype wisselen zonder uw gegevens te verliezen.
Daaronder kunt u de X-as hernoemen.
Enterprise-parameters (betaalde functie)
Voor betaalde abonnementen kunt u bovenaan het tabblad Enterprise-parameters bekijken. Hier schakelt u de Enterprise-modus in.
Zodra deze optie is ingeschakeld, kun je de fontfamilie en de fontfamilie-syntax bewerken en afbeeldingen met hoge resolutie inschakelen.
Alt-tekst - Enterprise-parameters inschakelen
URL-parameters
Om de URL-parameters te bekijken van de grafiek die u hebt gemaakt, klikt u eenvoudig op het tabblad met dezelfde naam bovenaan het scherm.
Omgevingen (betaalde functie)
Als u gebruikmaakt van het on-premise aanbod van Image Charts, kunt u het tabblad Omgevingen gebruiken om het begin van de URL van uw grafiek te bepalen.
Klik gewoon op Nieuwe omgeving toevoegen, bewerk en sla op. De standaardwaarde is “Production”.
Alt-tekst - een omgeving toevoegen
Haal de URL op voor e-mails en documenten
Selecteer nu aan de rechterkant van je venster URL-uitvoer. Hier kun je de opgegeven URL kopiëren om je diagram toe te voegen aan een e-mail of document.
Haal de HTML op om op websites in te sluiten.
Als u uw grafiek op uw website wilt insluiten, selecteert u de HTML-uitvoer. Gebruik eenvoudig de bovenste embed-code om uw nieuwe grafiek op uw website weer te geven.
Voor wie in markdown insluit, selecteert u de tweede code.
Hoe maakt u automatisch grafieken in een e-mail met Zapier
Voor wie Enterprise-abonnementen, biedt Image Charts Zapier en Make Integratie.
Hier laten we zien hoe u een trigger en actie instelt om automatisch grafieken in e-mails te maken met Zapier.
Alt-tekst - Image-chart in uw inbox
Haal diagraminvoer overal vandaan
Begin met het selecteren van de bron van uw grafiekinvoer. In dit voorbeeld gebruiken we Typeform.
Kies onder app-gebeurtenis uw bron. Dit gebruikt de formuliergegevens als grafiekinvoer.
Triggerfase: kies app en gebeurtenis
Elke keer dat dit formulier wordt verzonden, wordt er automatisch een grafiek gemaakt met Image Charts.
Selecteer je event en klik op Doorgaan.
Account kiezen
Verbind uw Typeform-account (of wat u ook kiest) met Zapier door te klikken op de naam van het formulier dat u wilt gebruiken.
Klik op Doorgaan.
Alt-tekst - de Typeform-trigger instellen
Trigger instellen
Klik ook hier op de naam van het formulier dat u wilt gebruiken en ga verder.
Alt-tekst - de formuliernaam selecteren
Trigger testen
Hier kunnen we de antwoorden bekijken. Klik opnieuw op doorgaan.
Hiermee is de instelling van Typeform voltooid, en nu gaan we Image Charts instellen.
Alt-tekst - de formuliertrigger testen
Actiefase: kies app en gebeurtenis
Hier selecteren we Image Charts als volgende stap in de automatisering.
We selecteren vervolgens Maak een Chart.js-grafiek in het vervolgkeuzemenu.
Klik op Doorgaan.
Alt-tekst - een Chart.js-grafiektype maken
Account kiezen
Kies uw Image Charts-account. Hier voert u uw Image Charts-inloggegevens in.
Actie instellen
Hier kopiëren we de volledige code in de chart.js-configuratie, behalve het datablok. Selecteer vervolgens onder versie Chart.js versie 2.8.8.
de variabelen versie, grafiekbreedte, grafiekhoogte en grafiekachtergrondkleur zijn vooraf bepaald in Image Charts. Voer nu dezelfde waarden in de respectieve velden in.
Klik op Doorgaan.
Automatisering testen
U ziet nu de URL van uw grafiek die zal worden gebruikt om deze in uw geautomatiseerde e-mails in te sluiten.
Nu is het tijd om de automatisering te testen. Selecteer Opnieuw testen & controleren.
Als dit lukt, klikt u op Doorgaan.
Verstuur de uitgaande e-mail met Zapier
Email by Zapier toevoegen is de eenvoudigste manier om een e-mail met een ingesloten grafiek te versturen. U kunt ook MailChimp, Gmail of een andere e-maildienst gebruiken.
Kies nu e-mail via Zapier.
Stuur een uitgaande e-mailtrigger vanuit het vervolgkeuzemenu met gebeurtenissen.
Klik op Doorgaan.
Typ hier uw onderwerpregel en e-mailtekst in de markup. Voeg het eerder verkregen URL-veld toe aan de tekst. Dit is wat de grafiek in uw e-mail insluit. Selecteer eenvoudig de URL in het vervolgkeuzemenu onder de tekst van uw e-mail.
Voeg uw handtekening toe en klik op doorgaan.
Test de automatisering
Selecteer opnieuw 'opnieuw testen & controleren'.
Als dit is gelukt, kunt u nu de automatisering uitvoeren en uw gloednieuwe geautomatiseerde e-mail met de ingesloten grafiek ontvangen!
Hier is een voorbeeld van hoe de e-mail eruit ziet in uw inbox:
Een laatste woord
Zo gaat u aan de slag met Image Charts. Zet de stap, en probeer het vandaag nog gratis uit.
