Siirry pääsisältöön
Uusi grafiikkakirjasto, osa 5: pinottu pylväskuvio

Yleiskuvaus / raportointi, report, uusi toiminto 2022, dashboard, graafinen raportti, graafiset raportit, pylväs, pylväät, stacked bar

Marianne Koivusalo avatar
Tekijä: Marianne Koivusalo
Päivitetty yli vuosi sitten

Versiopäivityksessä 7.10.2022 tuotu kokonaan uusi toiminto. Toiminto on vaihtoehtoinen tapa luoda Finazillassa graafisia raportteja.

Tuotu ominaisuus on osa laajempaa kokonaisuutta. Tässä artikkelissa esitelty ominaisuus on osa 5. Tuotavia osia on yhteensä 7. Toimintoon liittyy myös seuraavat ominaisuudet:

Pinottu pylväskuvio on vaihtoehtoinen muotoilutapa, joten se eroaa muista graafisista raporteista siten, että sitä voidaan käyttää kaikilla graafisilla raporttityypeillä - paitsi piirakka -muotoisessa raportissa. Lähtökohta stacked bar raportille on se, että raportti luodaan ensin "normaalisti" - kuten vaikkapa pylväs raportti muutoinkin tehtäisiin, ja tämän jälkeen raportin esitystavaksi muutetaan stacked bar, eli pinottu esitysasu.

Alla kuvataan, miten esimerkiksi pylväs graafista tehdään pinottu pylväskuvio.

Raportin muodostaminen

Dashboard asetetaan editointi -tilaan ja lähdetään luomaan uutta sisältöä add widget -painikkeen kautta. Valinta on nimeltään "Chart beta".

Kuva: uuden graafisen widgetin luominen chart beta -valinnalla

Haluttu raportti

Seuraavaksi widget -ikkunassa tulee valita kohtaan "report", että mistä raportista graafinen raportti halutaan luoda ja visualization -kentässä kerrotaan, että minkälaista graafista raporttia ollaan luomassa. Tässä artikkelissa käsitellään nimenomaan valintaa "stacked bar". Stacked bar luodaan kuitenkin visualisointi -valinnalla "bar", sillä se on yksi pylväs diagrammin lisämuoto.

Kuva: stacked bar -raportti luodaan visualization valinnalla bar

Pinotun pylväskuvion voi luoda myös bar line visualisoinnista, tai siten, että pylväitä on kaksi tai useampia

Haluttu raporttimallin rivi

Widgetin luonti-ikkunassa kerrotaan report scheme row -kentässä ne raportin rivit, mistä pylväät halutaan piirtää. Huomaa, että pinotussa pylväskuviossa tulee olla aina useampi rivi kuin yksi.

Kuva: kiinnitetty raportti ja sen tietosisältö määrittelee sen, mistä riveistä pinottu pylväskuvio voidaan luoda.

Haluttu tietolähde

Data source valinnassa kerrotaan lisäksi, mistä raportin tietolähteestä on kyse. Uusia pylväitä voidaan lisätä add bar -painikkeen kautta.

Tässä tapauksessa halutaan luoda pylväs, joka muodostuu liikevaihdosta sekä materiaalit ja palvelut -kokonaisuudesta. Näin ollen bars -kohtaan lisätä kumpikin raportin rivi.

Kuva: bar -kohtaan valitaan ne raportin otsikot, jotka halutaan pinota yhteen pylvääseen

Graafinen raportti aukeaa käyttäjälle alla kuvatusti. Graafista raporttia voidaan lähteä tämän jälkeen muotoilemaan.

Kuva: pylväs diagrammi

Raportin editointi

Widgetin luomisen jälkeen raporttia voidaan editoida widgetin oikean yläkulman ratas -kuvakkeen takaa. Editoinnissa voidaan kertoa, että mikä on pylväiden "x-akseli" (X-Axis Key) eli onko esimerkiksi pylväät aseteltu vierekkäin kuukausittain. X- akselin valikosta voidaan vaihtaa valintaa valintaa. Kun valintaa vaihtaa, muuttuu raportti Dashboardilla. Näin käyttäjä näkee raportin muutokset heti, ilman että valintaa tarvitsee tallentaa.

Legend type

Legend type -valikosta voidaan vaikuttaa siihen, missä widgetissä esitetään tietolähteiden nimet. Valikosta saa myös valinnan none, jolloin tietolähteiden nimiä ei esitetä lainkaan.

Bar label settings

Bar label settings -valikon takaa graafista raporttia voidaan muokata lisää ja valikon kautta voidaan tuoda esimerkiksi pylväille näytettäväksi niiden arvot. Valikosta voidaan valita, näytetäänkö arvot graafin päällä, keskellä, alla vai ei lainkaan. Myös lukujen väriä voidaan vaihtaa.

Advanced settings

Advanced settings -valikosta voidaan vaikuttaa desimaalien määrään sekä siihen, esitetäänkö raportti tuhansissa. Valikon kautta voidaan säätää myös viivan paksuutta. Lisäksi valikossa on vaihtoehto, jolla voidaan luoda tässä artikkelissa tarkoitettu pinottu pylväskuvio.

Kuva: widgetin asetuksista luotua graafista raporttia voidaan editoida monin eri tavoin

Advanced settings -valikosta löytyvä vaihtoehto "stack bars" muuttaa pylväät pinotuksi pylväskuvioksi.

Kuva: advanced settings -valikosta voidaan myös vaikuttaa desimaalien näkymiseen pinoamisen ohella

Valinnan jälkeen raportti näyttää oheiselta. Nyt kussakin pylväässä on aikasemmin valittu liikevaihto, sekä materiaalit ja palvelut yhteen pylvääseen pinottuna.

Kuva: pinottu pylväskuvio eli stacked bar

Elementtiä klikkaamalla ja sitä kautta tehtävät muutokset

Elementtiä, eli pylväitä, klikkaamalla niiden väriä voidaan myös vaihtaa muuksi halutuksi. Värivalikosta löytyy valmiita värivaihtoehtoja, mutta sen lisäksi kentään voidaan syöttää mikä tahansa värikoodi käyttämällä # -merkkiä ja kyseisen värin koodia.

Dimension target kenttä mahdollistaa sen, että pylvään voi muuttaa raportoimaan tiettyä haluttua dimensionrvoa. Aihetta on kuvattu enemmän artikkelissamme täällä.

Custom name -kentässä elementti voidaan uudelleennimetä halutuksi, jolloin pylvään nimeksi saada mitä tahansa. Aiheesta lisää artikkelissamme "Uusi grafiikkakirjasto: elementin nimeäminen".

Custom URL -kenttä on käyttäjille tuttu jo entuudestaan dashboardien kautta. Kenttään voidaan asettaa osoite, johon käyttäjä päätyy kyseistä elementtiä klikatessaan. Jos siis pylväälle asetetaan jokin URL - osoite, pylvästä klikkaamalla käyttäjä päätyy kyseiseen sijaintiin.

Kuva: editointi -näkymä

Bar label settings -valikosta voidaan valita, miten pinotussa pylväskuviossa luvut esitetään. Valinta "top" näyttää molempien pylväiden yhteenlaskentun arvon tolpan päällä, kun taas middle ja bottom näyttävät niiden tolppien arvot, joista graafin kokonaispylväs koostuu.

Kuva: bar label settings mahdollistaa pinotun pylväskuvion lukujen esittämisen monella eri tavalla

Alla on esimerkkikuva, missä on käytetty valintaa "top" bar label settings -valikon kohdassa "position".

Kuva: kun käyttäjä "hooveroi" tolpan päälle, näkyy yksittäisen tolpan arvo erillisessä ponnahdusikkunassa

Pinotusta pylväskuviosta voi tehdä myös kumulaatiivisen. Käyttämällä Bar Label Settings -valikkoa graafille saadaan kumulatiiviset arvot stacked barilla.

Vastasiko tämä kysymykseesi?