

Versiopäivityksessä 7.10.2022 tuotu kokonaan uusi toiminto. Toiminto on vaihtoehtoinen tapa luoda Finazillassa graafisia raportteja.
...
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
...
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 ba
r


Pinotun pylväskuvion voi luoda myös bar line visualisoinnista, tai siten, että pylväitä on kaksi tai useampia
...
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.
...
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
...
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
...
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
...
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.
...