sidebar_label: “Installation”
Grid Installation
Highcharts Grid is available in two versions:
Highcharts Grid Lite – A free version with a basic feature set.
Highcharts Grid Pro – A more advanced, commercial version that currently requires a Highcharts Dashboards license and includes additional features. Though it is part of the Dashboards package and license, Grid Pro can also be used as a standalone component .
Installing Grid Pro
See the Dashboards Grid Standalone article for more information on installing Grid Pro.
Installing Grid Lite
Install via NPM
You can install Grid Lite via NPM:
npm install @highcharts/grid-liteThen, import the package into your project:
import * as Grid from '@highcharts/grid-lite/grid-lite';
import '@highcharts/grid-lite/css/grid.css';Include Grid Lite via <script> tag
Load Grid Lite from our public CDN by adding the appropriate JavaScript and CSS files to your page’s <head> section:
<script src="https://cdn.jsdelivr.net/npm/@highcharts/grid-lite/grid-lite.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highcharts/grid-lite/css/grid.css" />Alternatively, you can download the files from highcharts.com and host it on your own server:
<script src="../code/grid/grid-lite.js"></script>
<link rel="stylesheet" href="../code/grid/css/grid.css" />Get Started
Once installed, you are ready to use Grid Lite. Check out Your First Grid to learn more.