Vill du ha WordPress-diagram och / eller grafer? Här är en praktisk titt på fyra plugins
I dagens internetvänliga värld är det lätt att hitta data om alla ämnen. Det som är svårt är att sätta samman allt på ett sätt som är lätt att smälta. Ett sätt att göra dina data mer begripliga är att använda visuella former av representation såsom diagram, grafer och kartor. Med rätt WordPress-diagram och diagram-plugin kan du snabbt skapa snygga datavisualiseringar på din WordPress-webbplats.
I det här inlägget kommer vi att dela fyra fantastiska gratis plugins som du kan börja använda direkt. Samtidigt som alla kärnapplikationer är gratis kan du ibland behöva premiumversionen för att låsa upp de bästa diagrammen och diagramfunktionaliteten.
Contents
Fyra fantastiska WordPress-diagram och diagram-plugins
Nedan går vi praktiskt med dessa fyra WordPress-diagram och diagram-plugins …
1. TablePress
Först på vår lista över verktyg för datavisualisering är en mycket älskad plugin, TablePress. Det gör att du kan skapa valfritt antal tabeller och bädda in dem i valfritt inlägg, sida eller widget med kortkoder.
Tabellerna kan ha valfritt antal rader och kolumner. Dessutom kan du lägga till, radera, infoga, dölja eller duplicera rader och kolumner och kombinera enskilda celler.
Viktiga funktioner inkluderar:
- Ett kalkylarkliknande gränssnitt, inklusive dra och släpp omordnande
- Importera och exportera tabeller från / till Excel-, CSV-, HTML- och JSON-filer
- Använd importerade data för att ersätta data i en befintlig tabell eller för att skapa en ny tabell
- Sätt i bilder och länkar
- JavaScript-biblioteksstöd som hjälper till att filtrera, paginera och sortera i front-enden
- Formelstöd
Vi har en fullständig handledning om hur du använder TablePress, så jag kommer inte gå in på detaljer här. Men för en snabb titt i det enkla gränssnittet som du kan skriva direkt i, se skärmdumpen nedan:
Jag kunde skapa en tabell över mitt allra första försök med fiktiva data, och det är så det ser ut.
Regn under 5 år | 2011 | 2012 | 2013 | 2014 | 2015 |
---|---|---|---|---|---|
Australien | 35 | 48 | 53 | 44 | 40 |
argentina | 52 | 58 | 66 | 35 | 40 |
Kina | 79 | 66 | 58 | 65 | 54 |
Frankrike | 26 | 25 | 38 | 24 | 20 |
Uganda | 32 | 44 | 25 | 49 | 32 |
Det som är viktigt att notera här är att bordets utseende beror mycket på det tema du använder. Du kan dock anpassa dina tabeller med hjälp av enkel CSS. Dessutom finns det ett antal tillägg (gratis, men du kan donera) som hjälper dig att lägga till anpassade funktioner i ditt bord (inklusive lyhördhet).
Och med tredjeparts Chartist-förlängningen för TablePress kan du använda dina tabeldata för att skapa underbara WordPress-responsiva diagram med Chartist.js:
TablePress har ett 5-stjärnigt betyg från 3 500 användare. Det kan också skryta med över en halv miljon aktiva installationer, så det är tydligt att plugin fungerar och fungerar bra.
2. Visualizer
Nästa på vår lista med verktyg för datavisualisering är den populära Visualizer (tidigare WordPress Charts and Graphs Lite) som har 40 000+ aktiva installationer.
Finns i både Lite- och Pro-versioner, det är bra inte bara för tabeller utan även för andra visningsformat – åtta i Lite, plus ytterligare sex i Pro.
Plugin är lyhörd, lätt och snabb, och diagrammen är kompatibla med webbläsare och plattformar. Medan grundinställningen är bra att gå, har du också alternativ för att anpassa diagrammen i stor utsträckning.
Viktiga funktioner inkluderar:
- Interaktiva WordPress-diagram – avslöjar ytterligare information om muspekaren
- Plugin fungerar både med data från filer som laddats upp från din dator och värd online
- Importera data från Googles kalkylark, CSV-fil och andra diagram. (Pro-funktion – import från WordPress)
- Varje diagramtyp har ett antal grundläggande såväl som avancerade anpassningsalternativ
- Skapa diagram från dina WordPress-inlägg, sidor, produkter eller någon annan inläggstyp
- Redigera och klona alla befintliga diagram
De Avancerad länken på varje diagramtyp öppnar ett antal anpassningsalternativ. Du kan lägga till titlar, ändra teckensnitt, teckenstorlek, färg och mycket mer.
När diagrammet är klart, kopiera den genererade kortkoden och sätt in den i valfritt inlägg eller sida. För att illustrera, här är en av de färdiga demotabellerna:
Premium-plugin innehåller vissa tidsbesparande funktioner som synkronisering med onlinefiler och en live-redigerare. Kartdata kan uppdateras baserat på ett fastställt tidsintervall genom att skriva över aktuella data med data från en URL eller genom att ladda upp en annan fil. Men det som är riktigt coolt är att du enkelt kan byta från en diagramtyp till en annan.
Paket börjar på $ 59 (passande för bloggare) till $ 299 för byrån (lämplig för professionella webbplatser och portaler).
Läs mer om hur du skapar diagram med det här plugin-programmet.
3. wpDataTables Lite
wpDataTables Lite är ett annat alternativ som hjälper dig att snabbt skapa tabeller i WordPress från befintliga datakällor – Excel, CSV, Google Spreadsheet, MySQL-fråga, XML, JSON och serialiserad PHP-array. Data kommer att läsas från källan på varje sidbelastning.
Plugin är lyhörd, men du kanske måste ange de kolumner eller rader som ska kollapsa på mobilen. Och eftersom det inte stöder MySQL, är Excel-liknande redigering inte möjligt med lite-versionen. Å andra sidan tillåter proversionen dataimport till MySQL. Det tillåter redigering i WP-admin, eller till och med i front-enden.
Viktiga funktioner inkluderar:
- Val av gränssnittsspråk
- Val av tre skinn
- Göm bordet tills det är fulladdat
- Aktivera en horisontell rullningslist under tabellen
- Tabeller är sorterbara, sökbara och kan pagineras
- Tabellen kan kopieras till urklipp eller exporteras till CSV-, PDF-, XLS-funktioner
- Lägg till bilder och länkar
Här är en skärmdump av tillgängliga inställningar:
Med hjälp av en del sammansatta data kunde jag skapa en tabell och det är så det visas i förhandsvisningsläget …
… och framifrån. Det som kan vara en dämpare är att borden bara kan ha upp till 150 rader i gratisversionen. Detta kanske inte är tillräckligt för att presentera stora mängder data.
Pro-versionen är populär på CodeCanyon och tillåter manuell datainmatning. Inte bara det, det stöder formler och tillåter redigering i front-end. Du kan markera celler och rader baserat på värden, tillämpa avancerad filtrering och länka dynamiska diagram till tabeller.
Lite-plugin erbjuder bara ett tabellformat, medan premium-plugin (till 59 $) kan visas 35 dynamiska diagramtyper. Det fungerar bra för stora datasätt. Du kan uppnå ännu mer med premiumtillägg.
4. Datatabellsgenerator av Supsystic
För att avsluta saker, låt oss titta på Data Tables Generator av Supsystic. Den skapar automatiskt WordPress-responsiva tabeller som standard, även om du också kan inaktivera den responsiva funktionen för att justera dimensionerna på dina tabeller.
Tabeller är sorterbara och kan ha valfritt antal rader och kolumner. När du är i redaktören kan du välja text och bakgrundsfärg och ange vertikal och horisontell justering. Dessutom öppnar en högerklicka på valfri cell fler redigeringsalternativ, som läs-läge för vilken cell som helst. Eller, genom att högerklicka kan förvandlas markören till en storlek på markören för att justera rad- och kolumngränser.
Viktiga funktioner inkluderar:
- Stöd för formler
- Infogar länkar, bilder eller kommentarer
- Titel, sidhuvud och sidfot
- Pagination och sökning
- Val av lastareikon och färg
- Alternativ för kompakt läge som minskar vitt utrymme
- Aktivera gränser, markera alternativa rader, markera med muspekaren
- Lägg till anpassad CSS för varje tabell
Med mestadels standardinställningar, här är förhandsgranskningen av diagrammet som jag skapade med uppbyggda data med plugin …
… och framifrån av samma.
Pro-funktioner inkluderar alternativ för att ändra teckensnittfamilj och tillägg av redigerbara fält i front-end. Dessutom kan du begränsa front-end redigering till endast inloggade användare eller utvalda användarroller. Export och import av tabeller, automatisk uppdatering från Google-ark och åtkomst till tabellhistorik är ytterligare profunktioner.
Om du måste välja en enastående funktion måste den vara den diagram som hjälper till att konvertera din färdiga tabell till valfritt diagramformat – område, rad, paj, stapel, kolumn eller bubbla. Visst är detta plugin ett av de bättre verktygen för datavisualisering.
Priserna börjar på 39 $ för en webbplats och går upp till 149 $ för obegränsade webbplatser.
Slutgiltiga tankar
Även om du i vissa fall kan behöva betala för premiumversionen, gör alla dessa WordPress-diagram-plugins fantastiska alternativ för visuellt visande av data på din webbplats.
Har du några andra frågor om hur du skapar tabeller, diagram eller grafer på din WordPress-webbplats? Lämna en kommentar så försöker vi hjälpa till!