inCharts.js

Class: PieChart

PieChart

new PieChart(view, options)

Komponenta koláčového grafu
Name Type Description
view HTMLElement Rodičovský element
options object Konfigurační objekt

Struktura dat


data = {
    "datova_rada": [
        {
            "kategorie": "1.4.2016",
            "value": 22,
            "label": "c1"
        },
        {
            "kategorie": "2.4.2016",
            "value": 25,
            "label": "c2"
        },
        {
            "kategorie": "3.4.2016",
            "value": 7,
            "label": "n0"
        },
        {
            "kategorie": "5.4.2016",
            "value": 15,
            "label": "n1"
        }..
    ],
}


Příklad použití


var chart = incharts.create(
                element,
                 "pie",
                 config
                );
chart.setData(data);

----------------------------------------------
var chart = new incharts.PieChart(canvas,options);
chart.setData(data);


Konfigurace

Properties:
Name Type Description
options object
Properties
Name Type Default Description
radius string/number auto poloměr grafu
core number 0.5 prázdný střed grafu
minAngle number 0 počáteční úhel grafu
maxAngle number 360 koncový úhel grafu
header string / nadpis grafu
header_size number 18 velikost nadpisu grafu
header_font string Arial font nadpisu grafu
header_style string 18 styl nadpisu grafu
header_color string #000 barva nadpisu grafu
showHeader boolean false zobrazení nadpisu
showDataValues boolean false zobrazení hodnot dat
percent boolean false přepočet dat na procenta


Metody

parseData(data)

zpracuje data do objektů

Name Type Description
data object

JSON objekt dat

fitData()

přepočítá rozměr a velikost zobrazovaných objektů

calculateFrame()

přepočítá volný prostor pro vykreslení dat

getTotalValue()

vrátí součet všech zobrazovaných hodnot

updateFrame()

překreslí celý layout grafu a uloží do jej do mezipaměti

render()

překreslí všechny vrstvy grafu