BarChart

A bar chart. The x field should contain a distinct value for each bar, while the y field will correspond to the height of each bar.

Example

JavaScript

<body>
<script src="//unpkg.com/candela"></script>
<script>
  var el = document.createElement('div')
  document.body.appendChild(el);

  var data = [];
  for (var d = 0; d < 10; d += 1) {
    data.push({
      a: d,
      b: d
    });
  }

  var vis = new candela.components.BarChart(el, {
    data: data,
    x: 'a',
    y: 'b'
  });
  vis.render();
</script>
</body>

Python

import pycandela

data = [{'a': d, 'b': d} for d in range(10)]

pycandela.components.BarChart(data=data, x='a', y='b')

R

library(candela)

candela('BarChart', data=mtcars, x='mpg', y='wt', color='disp')

Options

data (Table)
The data table.
x (String)
The x axis (bar position) field. Must contain numeric data. See Axis scales.
y (String)
The y axis (bar height) field. Must contain numeric data. See Axis scales.
color (String)
The field used to color the bars. See Color scales.
hover (Array of String)
The fields to display on hover.
width (Number)
Width of the chart in pixels. See Sizing.
height (Number)
Height of the chart in pixels. See Sizing.
renderer (String)
Whether to render in "svg" or "canvas" mode (default "canvas").