lucid-ui/lib/components/BarChart/examples/06.all-the-things.js

A UI component library from AppNexus.

/* eslint-disable comma-spacing */
import React from 'react';
import createClass from 'create-react-class';
import { BarChart, chartConstants } from '../../../index';
var data = [{
  day: 'monday',
  apples: 2000,
  oranges: 3000
}, {
  day: 'tuesday',
  apples: 2000,
  oranges: 5000
}, {
  day: 'wednesday',
  apples: 3000,
  oranges: 2000
}, {
  day: 'thursday',
  apples: 5000,
  oranges: 6000
}];

var yFormatter = function yFormatter(d) {
  return "".concat(d / 1000, "k");
};

var xFormatter = function xFormatter(d) {
  return d.toUpperCase().slice(0, 3);
};

var style = {
  paddingTop: '6rem'
};
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: style
    }, /*#__PURE__*/React.createElement(BarChart, {
      width: 750,
      data: data,
      colorMap: {
        apples: chartConstants.COLOR_GOOD,
        oranges: chartConstants.COLOR_1
      },
      xAxisField: "day",
      xAxisFormatter: xFormatter,
      xAxisTickCount: 5,
      xAxisTitle: "Weekdays",
      yAxisFields: ['apples', 'oranges'],
      yAxisFormatter: yFormatter,
      yAxisTitle: "Fruit Count",
      yAxisTickCount: 4
    }));
  }
});