Kaavionluoja

Rakentaa pylväs-, viiva-, ympyrä- ja rengas-kaavioita selaimessa käyttäen Chart.js:ää ja renderoi ne HTML-kankaalle. Data syötetään CSV-tyylisin "Label, Value" -rivinä, värit generoidaan automaattisesti sävykehän yli, ja renderöitu kaavio voidaan viedä PNG-tiedostona. Kaavio renderöituu uudelleen livenä kun muokkaat mitä tahansa syöttöä tai asetusta.

1. Valitse kaaviotyyppi (Pylväs, Viiva, Ympyrä tai Rengas) tyyppipainikkeilla 2. Anna kaavion otsikko otsikkokenttään (näytetään kaavion otsikkona ja datasetin merkintänä) 3. Kirjoita datarivit muodossa "Label, Value" Data (CSV) -laatikkoon (yksi rivi per rivi) 4. Vaihda asetukset: Näytä legenda, Näytä ruudukko ja Täytä alue (vain Viiva) 5. Napsauta Lataa PNG tallentaaksesi renderoidun kankaan

Jokaisella ei-tyhjällä rivillä on oltava vähintään kaksi pilkuilla erotettua osaa; ensimmäinen on nimi ja loput jäsennetään liukuluvuksi. Rivit ilman jäsennettävissä olevaa numeroa ohitetaan. Pylväs- ja Viiva-kaavioissa käytetään yhtä väriä; Ympyrä- ja Rengas-kaavioissa jokaisella viipale on oma sävynsä. Näytä legenda vaihtelee Chart.js legenda-lisäosaa; Näytä ruudukko vaihtelee sekä X- että Y-ruutulinjoja ei-ympyräkaavioille ja pakottaa X-akselin alkamaan nolsta; Täytä alue vaikuttaa vain Viiva-kaavioihin ja on poistettu käytöstä muille tyypeille.