AG Charts is a fully-featured and highly customizable JavaScript charting library. The professional choice for developers building enterprise applications
AG Charts is a fully-featured and highly customizable canvas-based JavaScript Charting library.
It delivers outstanding performance, has no third-party dependencies, and comes with support for
React
,
Angular
and
Vue
.
AG Charts are easy to set up - all you need to do is provide your data and series type along with any other chart options. Read on for vanilla JavaScript installation instructions, or refer to our framework-specific guides for React, Angular and Vue.
1// Chart Options2const options = {
3// Container: HTML Element to hold the chart4 container: document.getElementById('myChart'),
5// Data: Data to be displayed in the chart6 data: [
7 { month: 'Jan', avgTemp: 2.3, iceCreamSales: 162000 },
8 { month: 'Mar', avgTemp: 6.3, iceCreamSales: 302000 },
9 { month: 'May', avgTemp: 16.2, iceCreamSales: 800000 },
10 { month: 'Jul', avgTemp: 22.8, iceCreamSales: 1254000 },
11 { month: 'Sep', avgTemp: 14.5, iceCreamSales: 950000 },
12 { month: 'Nov', avgTemp: 8.9, iceCreamSales: 200000 },
13 ],
14// Series: Defines which chart type and data to use15 series: [{ type: 'bar', xKey: 'month', yKey: 'iceCreamSales' }],
16};
ℹ️ Note:
For more information on building JavaScript Charts with AG Charts, refer to our Documentation.
🤝 Support
Enterprise Support
AG Charts Enterprise customers have access to dedicated support via ZenDesk, which is monitored by our support & engineering teams.
Bug Reports
If you have found a bug, please report it in this repository's issues section.
Questions
Look for similar problems on StackOverflow using the ag-charts tag. If nothing seems related, post a new message there. Please do not use GitHub issues to ask questions.
Contributing
AG Charts is developed by a team of co-located developers in London. If you want to join the team send your application to info@ag-grid.com.
⚠️ License
ag-charts-community is licensed under the MIT license.
AG Grid is our flagship product, a fully-featured and highly customizable JavaScript Data Grid. It delivers outstanding performance, has no third-party dependencies and comes with support for React, Angular and Vue.