import * as React from 'react';
import Canvas from '@antv/f2-react';
import { Chart, Interval } from '@antv/f2';

var ChartDemo = function ChartDemo() {
  var data = [{
    genre: 'Sports',
    sold: 275
  }, {
    genre: 'Strategy',
    sold: 115
  }, {
    genre: 'Action',
    sold: 120
  }, {
    genre: 'Shooter',
    sold: 350
  }, {
    genre: 'Other',
    sold: 150
  }];
  return /*#__PURE__*/React.createElement(Canvas, null, /*#__PURE__*/React.createElement(Chart, {
    data: data
  }, /*#__PURE__*/React.createElement(Interval, {
    x: "genre",
    y: "sold"
  })));
};

export default ChartDemo;