lucid-ui/lib/components/BarChart/examples/13.many-bars.js

A UI component library from AppNexus.

import _range from "lodash/range";
import _map from "lodash/map";
import React from 'react';
import createClass from 'create-react-class';
import BarChart from '../BarChart';

var data = _map(_range(0, 70), function (n) {
  return {
    x: new Date(0) + n * 60 * 60 * 24,
    y: n
  };
});

var style = {
  paddingTop: '5rem'
};
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: style
    }, /*#__PURE__*/React.createElement(BarChart, {
      data: data,
      xAxisTextOrientation: "diagonal",
      yAxisTextOrientation: "horizontal",
      xAxisTickCount: 20,
      height: 600,
      width: 750,
      margin: {
        bottom: 300,
        left: 300
      }
    }));
  }
});