lucid-ui/lib/components/LineChart/examples/08.stacked-single-series-with-formatters.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { LineChart } from '../../../index';
var data = [{
  x: new Date('2015-01-01T00:00:00-08:00'),
  y: 1.55
}, {
  x: new Date('2015-01-02T00:00:00-08:00'),
  y: 2.67
}, {
  x: new Date('2015-01-03T00:00:00-08:00'),
  y: 3.31
}, {
  x: new Date('2015-01-04T00:00:00-08:00'),
  y: 5.99
}];
var style = {
  paddingTop: '4rem'
};
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: style
    }, /*#__PURE__*/React.createElement(LineChart, {
      yAxisIsStacked: true,
      yAxisFormatter: function yAxisFormatter(yValue) {
        return "$ ".concat(yValue);
      },
      yAxisTooltipFormatter: function yAxisTooltipFormatter(yField, yValueFormatted) {
        return yValueFormatted;
      },
      data: data,
      width: 800
    }));
  }
});