UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

20 lines (19 loc) 886 B
import React from 'react'; import createClass from 'create-react-class'; import { LineChart, formatters } from '../../../index'; const data = [ { x: new Date('2015-01-07T00:00:00-08:00'), blueberries: 1030872156 }, { x: new Date('2015-01-08T00:00:00-08:00'), blueberries: 4002156 }, { x: new Date('2015-01-09T00:00:00-08:00'), blueberries: 214872156 }, { x: new Date('2015-01-10T00:00:00-08:00'), blueberries: 42872156 }, { x: new Date('2015-01-11T00:00:00-08:00'), blueberries: 4230872156 }, ]; const style = { paddingTop: '4rem', }; export default createClass({ render() { return (React.createElement("div", { style: style }, React.createElement(LineChart, { data: data, width: 800, yAxisFields: ['blueberries'], yAxisFormatter: formatters.formatAbbreviatedNumber, yAxisTooltipDataFormatter: formatters.formatThousands }))); }, });