Ben je ook verliefd op Modern User Interface design? Dan is deze blog misschien voor jou. Toen ik een webinar van de Tableau Zen Master Chantilly Jaggernauth aan het volgen was, werd ik nieuwsgierig. Hoe kan ik een staafdiagram met een ronde en rechte zijde maken? Ik vond snel een video van Andy Kriebel, en begon ermee te werken. In deze video werd alleen uitgelegd hoe je een simpele staafdiagram kunt maken met twee ronde zijden.

In deze blog, vat ik Andy’s methode samen en voeg ik een snelle truc toe om een van de twee zijden recht, zodat je deze kan toevoegen aan je Modern UI dashboard. Als je klaar met de instructies bent, kun je mijn Tableau Public profile bekijken om een voorbeeld te zien om hoe dit soort grafieken je in je dashboard kunt gebruiken

Hoe maak je een staafdiagram met twee ronde zijden

Als we Andy’s aanpak willen volgen, doen we het volgende

  • Een horizontale staafdiagram creëren. In dit voorbeeld ga ik Profit en Region gebruiken.
  • Klik twee keer op de columns shelf en type AVG(0)
  • Sleep AVG(0) over Profit as
  • Kies ‘Line’ als mark type. Als je dat doen, gaan de lijnen krom uitzien, maar hou vol met me!
  • Sleep ‘Measure Names’ uit de rows shelf naar path mark op de marks pane. Nu zullen de lijnen recht uitzien.
  • Vergroot de grootte (op ‘Size’)

…en hier zijn je balken met ronde zijden! Kijk even naar de video hier beneden om een korte demonstratie te zien.

Zo maak je een staafdiagram met een ronde en een rechte zijde

We hebben al een staafdiagram met ronde zijden gemaakt, en het enige wat we nog moeten doen is om een van de twee zijden recht te maken. Dit doe je zo:

  • Rechterklik op de as
  • Kies ‘Edit axis’
  • Onder ‘Range’ kies ‘fixed’
  • Onder ‘Fixed start’ vervang het bestaande nummer door een nul.

Nog een tip: wil je de platte zijde van je staven aan de rechter zijde hebben? Klik dan op de as, en kies ‘Edit axis’ en onder ‘Scale’ kies ‘Reversed’. Alles wat dit doet is om de grafiek om te draaien.


Wil je meer over Tableau of Alteryx leren? Bekijk dan onze trainings en consultancy services!