lucid-ui/lib/components/DraggableLineChart/examples/01.basic.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { DraggableLineChart } from '../../../index';
var data = [{
  x: '12 AM',
  y: 0
}, {
  x: '1 AM',
  y: 0
}, {
  x: '2 AM',
  y: 0
}, {
  x: '3 AM',
  y: 0
}, {
  x: '4 AM',
  y: 0
}, {
  x: '5 AM',
  y: 5
}, {
  x: '6 AM',
  y: 5
}, {
  x: '7 AM',
  y: 10
}, {
  x: '8 AM',
  y: 5
}, {
  x: '9 AM',
  y: 5
}, {
  x: '10 AM',
  y: 5
}, {
  x: '11 AM',
  y: 5
}];
var style = {
  paddingTop: '4rem'
};
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: style
    }, /*#__PURE__*/React.createElement(DraggableLineChart, {
      onDragEnd: function onDragEnd(x, y) {
        return console.log({
          x: x,
          y: y
        });
      },
      data: data,
      width: 900,
      xAxisTicksVertical: true
    }));
  }
});