lucid-ui
Version:
A UI component library from AppNexus.
25 lines (24 loc) • 1.07 kB
JavaScript
/* eslint-disable comma-spacing */
import React from 'react';
import createClass from 'create-react-class';
import { BarChart, chartConstants } from '../../../index';
const 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 },
];
const yFormatter = (d) => `${d / 1000}k`;
const xFormatter = (d) => d.toUpperCase().slice(0, 3);
const style = {
paddingTop: '6rem',
};
export default createClass({
render() {
return (React.createElement("div", { style: style },
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 })));
},
});