@rm-graph/react

RM-Graphs React - React components for RM-Graphs charting library.

Installation

npm install @rm-graph/react

scichart is automatically installed as a dependency!

Usage

import { LineChart, BarChart, AreaChart } from '@rm-graph/react';

function App() {
  const data = [
    { name: 'Sales', data: [100, 150, 120, 180] }
  ];

  return (
    <LineChart
      series={data}
      height={400}
      options={{
        theme: 'dark',
        lineWidth: 2,
        showPoints: true,
        xAxis: { title: 'Month' },
        yAxis: { title: 'Revenue' },
      }}
      onReady={(chart) => console.log('Chart ready!')}
    />
  );
}

Components

• <LineChart /> - Line charts
• <BarChart /> - Bar/column charts
• <AreaChart /> - Area charts

Hooks

import { useChart } from '@rm-graph/react';
import { createLineChart } from '@rm-graph/core';

function CustomChart() {
  const { containerRef, chart, isLoading } = useChart({
    config: { series: [...] },
    createChart: createLineChart,
  });

  return <div ref={containerRef} />;
}

See main README for full documentation.