Grid performance
function generateRandomData(rows) { const names = ['John', 'Jane', 'Alex', 'Chris', 'Katie', 'Michael']; const departments = ['HR', 'Engineering', 'Sales', 'Marketing', 'Finance']; const positions = [ 'Manager', 'Software Developer', 'Sales Executive', 'Marketing Specialist', 'Financial Analyst' ]; const columns = { ID: [], Name: [], Department: [], Position: [], Email: [], Phone: [] }; for (let i = 0; i < rows; i++) { const nameIndex = Math.floor(Math.random() * names.length); const departmentIndex = Math.floor(Math.random() * departments.length); const positionIndex = Math.floor(Math.random() * positions.length); const id = i + 1; const email = `${names[nameIndex].toLowerCase()}${id}@example.com`; const phone = `123-456-7${Math.floor(Math.random() * 1000) .toString() .padStart(3, '0')}`; columns.ID.push(id); columns.Name.push(names[nameIndex]); columns.Department.push(departments[departmentIndex]); columns.Position.push(positions[positionIndex]); columns.Email.push(email); columns.Phone.push(phone); } return columns; } Grid.grid('container', { dataTable: { columns: generateRandomData(10000) } });
GridGeneral
Install with NPM
The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages.
npm install highcharts --save
See more installation optionsDownload our library
The zip archive contains Javascript files and examples. Unzip the zip package and open index.html in your browser to see the examples.
DownloadBuy a license
You can download and try out all Highcharts products for free. Once your project/product is ready for launch, purchase a commercial license.
See License Pricing