Charts

Column

column = new ColumnChart
    el : $('.pillow-column')
    data: [
        { label: '25%', value: 40, unit: '%', details: { label: 'Views', value: 400, percentage: 40 } }
        // Add additional columns.
    ],
    axisY: [
        { label: '50%', position: 50 }
        // Add aditional labels.
    ]

column.render()

Properties

el

null

jQuery element used to render the chart.

data

[]

Chart dataset. Format: { label: ', value: 0, unit: ', details: {} }

axisY

[]

Y axis lables. Format: [{ label: ', position: 0 }]

noData

no

Set yes to render chart in no data state.

Not available state

To render a column chart as n/a simply set the noData attribute to yes.