Nenhuma descrição

App.js 602B

123456789101112131415161718192021222324252627282930313233343536
  1. // src/App.js
  2. import React from "react";
  3. import Chart from "react-apexcharts";
  4. const App = () => {
  5. const chartOptions = {
  6. chart: {
  7. id: "basic-bar"
  8. },
  9. xaxis: {
  10. categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998]
  11. }
  12. };
  13. const chartSeries = [
  14. {
  15. name: "series-1",
  16. data: [30, 40, 45, 50, 49, 60, 70, 91]
  17. }
  18. ];
  19. return (
  20. <div className="App">
  21. <h2>ApexCharts Example</h2>
  22. <Chart
  23. options={chartOptions}
  24. series={chartSeries}
  25. type="bar"
  26. width="600"
  27. />
  28. </div>
  29. );
  30. };
  31. export default App;