Launch Week Day 5: Introducing Reachability for PHP.Learn More →
ag-charts-react
Advanced tools
ag-charts-react - npm Package Compare versions
@@ -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
-1
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| export * from './agChartsReact'; |
+1
-1
@@ -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
-1
@@ -1,2 +0,2 @@ | ||
| // ag-charts-react v2.0.0 | ||
| // ag-charts-react v2.1.0 | ||
| export declare const assignProperties: (to: {}, from: {}) => void; |
+1
-1
@@ -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 }); |
+3
-3
| { | ||
| "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" |
+38
-108
@@ -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
No alert changes
Worsened metrics
- Total package byte prevSize
17308
-9.44%- Number of lines in readme file
61
-53.44%No dependency changes