ag-charts-react
Advanced tools
ag-charts-react - npm Package Compare versions
Comparing version 2.0.0 to 2.1.0
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| import { Component, RefObject } from "react"; | ||
@@ -3,0 +3,0 @@ import { AgChartOptions } from "ag-charts-community"; |
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| "use strict"; | ||
@@ -3,0 +3,0 @@ var __extends = (this && this.__extends) || (function () { |
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| export * from './agChartsReact'; |
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| "use strict"; | ||
@@ -3,0 +3,0 @@ function __export(m) { |
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| export declare const assignProperties: (to: {}, from: {}) => void; |
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| "use strict"; | ||
@@ -3,0 +3,0 @@ Object.defineProperty(exports, "__esModule", { value: true }); |
| { | ||
| "name": "ag-charts-react", | ||
| "version": "2.0.0", | ||
| "version": "2.1.0", | ||
| "description": "ag-Charts React Component", | ||
@@ -34,3 +34,3 @@ "main": "main.js", | ||
| "devDependencies": { | ||
| "ag-charts-community": "~2.0.0", | ||
| "ag-charts-community": "~2.1.0", | ||
| "@types/jest": "^25.2.1", | ||
@@ -66,3 +66,3 @@ "@types/react": "16.9.2", | ||
| "peerDependencies": { | ||
| "ag-charts-community": "~2.0.0", | ||
| "ag-charts-community": "~2.1.0", | ||
| "react": "^16.3.0", | ||
@@ -69,0 +69,0 @@ "react-dom": "^16.3.0" |
146
README.md
@@ -0,130 +1,60 @@ | ||
| [](https://www.npmjs.com/package/ag-charts-community) | ||
| [](https://www.npmjs.com/package/ag-charts-community) | ||
|  | ||
| # ag-Charts Community | ||
| [](https://cdnjs.com/libraries/ag-grid) | ||
| [](https://www.npmjs.com/package/ag-grid) | ||
| [](https://www.npmjs.com/package/ag-grid) | ||
| ag-Charts is a fully-featured and highly customizable JavaScript charting library. | ||
| ag-Grid React Component | ||
| ------ | ||
| ## Features | ||
| ag-Grid is a fully-featured and highly customizable JavaScript data grid. | ||
| It delivers [outstanding performance](https://www.ag-grid.com/example.php?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github#/performance/1), has no 3rd party dependencies and integrates smoothly with React as React Component. Here's how our grid looks like with multiple filters and grouping enabled: | ||
| Here are some of the features that make ag-Charts stand out: | ||
|  | ||
| * modern, lightweight and performant | ||
| * thin, easy-to-use wrappers for all popular frameworks: React, Angular, Vue | ||
| * framework agnostic, easy to use from plain JavaScript or TypeScript | ||
| * zero dependencies | ||
| * support for all common chart types: | ||
| * Line Charts | ||
| * Bar/Column Charts | ||
| * Area Charts | ||
| * Scatter/Bubble Charts | ||
| * Pie/Doughnut Charts | ||
| * reactive - property changes are automatically batched to take effect on next frame | ||
| * simple, clean API | ||
| * interactive documentation | ||
| Visit [our official docs](https://www.ag-grid.com/javascript-charts-overview/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) for full documentation. | ||
| Features | ||
| -------------- | ||
| ## Looking for a framework specific solution? | ||
| Besides the standard set of features you'd expect from any grid: | ||
| * [Get Started with Angular](https://www.ag-grid.com/angular-charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ||
| * [Get Started with React](https://www.ag-grid.com/react-charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ||
| * [Get Started with Vue](https://www.ag-grid.com/vuejs-charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ||
| * Column Interactions (resize, reorder, and pin columns) | ||
| * Pagination | ||
| * Sorting | ||
| * Row Selection | ||
| ## Getting started | ||
| Here are some of the features that make ag-Grid stand out: | ||
| ### Install dependencies | ||
| * Grouping / Aggregation* | ||
| * Custom Filtering | ||
| * In-place Cell Editing | ||
| * Records Lazy Loading * | ||
| * Server-Side Records Operations * | ||
| * Live Stream Updates | ||
| * Hierarchical Data Support & Tree View * | ||
| * Customizable Appearance | ||
| * Customizable Cell Contents | ||
| * Excel-like Pivoting * | ||
| * State Persistence | ||
| * Keyboard navigation | ||
| * Data Export to CSV | ||
| * Data Export to Excel * | ||
| * Row Reordering | ||
| * Copy / Paste | ||
| * Column Spanning | ||
| * Pinned Rows | ||
| * Full Width Rows | ||
| ```sh | ||
| $ npm install --save ag-charts-community | ||
| ``` | ||
| \* The features marked with an asterisk are available in the [enterprise version](https://www.ag-grid.com/license-pricing.php?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) only. | ||
| ### Usage | ||
| Check out [developers documentation](https://www.ag-grid.com/documentation-main/documentation.php?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) for a complete list of features or visit [our official docs](https://www.ag-grid.com/features-overview?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) for tutorials and feature demos. | ||
| Please refer to our [Getting Started](https://www.ag-grid.com/javascript-charts/) Tutorial. | ||
| Usage Overview | ||
| -------------- | ||
| ## Issue Reporting | ||
| Use the setup instructions below or go through [a 5-minute-quickstart guide](https://www.ag-grid.com/react-grid?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github). | ||
| If you have found a bug, please report them at this repository `issues` section. If you're using Enterprise version please use the private ticketing system to do that. For more information on support check out our [dedicated page](https://www.ag-grid.com/support.php?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github). | ||
| #### Install dependencies | ||
| ## Asking Questions | ||
| $ npm i --save ag-grid ag-grid-react react-dom-factories | ||
| Look for similar problems on [StackOverflow](https://stackoverflow.com/questions/tagged/ag-charts) using the `ag-charts` tag. If nothing seems related, post a new message there. Do not use GitHub issues to ask questions. | ||
| #### Import the grid and styles | ||
| ## Contributing | ||
| import {AgGridReact} from 'ag-grid-react'; | ||
| import 'ag-grid/dist/styles/ag-grid.css'; | ||
| import 'ag-grid/dist/styles/ag-theme-balham.css'; | ||
| ag-Charts is developed by a team of co-located developers in London. If you want to join the team check out our [jobs board](https://www.ag-grid.com/ag-grid-jobs-board/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) or send your application to info@ag-grid.com. | ||
| ### Set the grid's configuration in a parent component | ||
| class App extends Component { | ||
| constructor(props) { | ||
| super(props); | ||
| ## License | ||
| this.state = { | ||
| columnDefs: [ | ||
| {headerName: "Make", field: "make"}, | ||
| {headerName: "Model", field: "model"}, | ||
| {headerName: "Price", field: "price"} | ||
| ], | ||
| rowData: [ | ||
| {make: "Toyota", model: "Celica", price: 35000}, | ||
| {make: "Ford", model: "Mondeo", price: 32000}, | ||
| {make: "Porsche", model: "Boxter", price: 72000} | ||
| ] | ||
| } | ||
| } | ||
| ... | ||
| } | ||
| ### Render the grid as the `AgGridReact` child component | ||
| class App extends Component { | ||
| constructor(props) {...} | ||
| render() { | ||
| return ( | ||
| <div | ||
| className="ag-theme-balham" | ||
| style={{ | ||
| height: '500px', | ||
| width: '600px' | ||
| }} | ||
| > | ||
| <AgGridReact | ||
| columnDefs={this.state.columnDefs} | ||
| rowData={this.state.rowData}> | ||
| </AgGridReact> | ||
| </div> | ||
| ); | ||
| } | ||
| } | ||
| Issue Reporting | ||
| ---------- | ||
| If you have found a bug, please report them at this repository `issues` section. If you're using Enterprise version please use the private ticketing system to do that. For more information on support check out our [dedicated page](https://www.ag-grid.com/support.php?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github). | ||
| Asking Questions | ||
| ------------- | ||
| Look for similar problems on [StackOverflow](https://stackoverflow.com/questions/tagged/ag-grid) using the `ag-grid` tag. If nothing seems related, post a new message there. Do not use GitHub issues to ask questions. | ||
| Contributing | ||
| ------------ | ||
| ag-Grid is developed by a team of co-located developers in London. If you want to join the team check out our [jobs listing](https://www.ag-grid.com/ag-grid-jobs-board?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) or send your application to info@ag-grid.com. | ||
| License | ||
| ------------------ | ||
| This project is licensed under the MIT license. See the [LICENSE file](./LICENSE.txt) for more info. |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-9.44%
17308
- Number of lines in readme file
- decreased by-53.44%
61
No dependency changes