AG Studio Launch Week 🚀🚀🚀 28 Sep - 2 Oct 2026 🚀🚀🚀 Join now




Core Features

Advanced Features

React Data GridInstall Sparklines

Version 36.1.0
Enterprise

This section shows how to install Sparklines.

Sparklines are an enterprise grid feature powered by AG Charts. You can use either AG Charts Community or AG Charts Enterprise, depending on your setup.

The Sparklines module can be provided via AgGridProvider as follows:

import { AgChartsCommunityModule } from 'ag-charts-community';
import { SparklinesModule } from 'ag-grid-enterprise';
import { AgGridProvider, AgGridReact } from 'ag-grid-react';

const modules = [SparklinesModule.with(AgChartsCommunityModule)];

function App() {
    return (
        <AgGridProvider modules={modules}>
            <AgGridReact /* ... props */ />
        </AgGridProvider>
    );
}
import { AgChartsEnterpriseModule } from 'ag-charts-enterprise';
import { SparklinesModule } from 'ag-grid-enterprise';
import { AgGridProvider, AgGridReact } from 'ag-grid-react';

const modules = [SparklinesModule.with(AgChartsEnterpriseModule)];

function App() {
    return (
        <AgGridProvider modules={modules}>
            <AgGridReact /* ... props */ />
        </AgGridProvider>
    );
}