Socket
Socket
Sign inDemoInstall

ag-charts-vue

Package Overview
Dependencies
26
Maintainers
1
Versions
42
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 8.2.1 to 9.0.0

project.json

24

CONTRIBUTING.md

@@ -6,11 +6,12 @@ # Contributing to ag-charts-vue

- [Question or Problem?](#question)
- [Issues and Bugs](#issue)
- [Feature Requests](#feature)
- [Submission Guidelines](#submit)
- [Coding Rules](#rules)
- [Commit Message Guidelines](#commit)
- [Signing the CLA](#cla)
- [Question or Problem?](#question)
- [Issues and Bugs](#issue)
- [Feature Requests](#feature)
- [Submission Guidelines](#submit)
- [Coding Rules](#rules)
- [Commit Message Guidelines](#commit)
- [Signing the CLA](#cla)
## <a name="issue"></a> Found a Bug?
If you find a bug in the source code, you can help us by

@@ -20,3 +21,4 @@ [submitting an issue](#submit-issue) to our [GitHub Repository][github].

## <a name="feature"></a> Missing a Feature?
You can *request* a new feature by [submitting an issue](#submit-issue) to our GitHub
You can _request_ a new feature by [submitting an issue](#submit-issue) to our GitHub
Repository.

@@ -32,5 +34,5 @@

- version of VueJS used
- 3rd-party libraries and their versions
- and most importantly - a use-case that fails
- version of VueJS used
- 3rd-party libraries and their versions
- and most importantly - a use-case that fails

@@ -37,0 +39,0 @@ A minimal reproduce scenario using http://plnkr.co/ allows us to quickly confirm a bug (or point out coding problem) as well as confirm that we are fixing the right problem. If plunker is not a suitable way to demonstrate the problem (for example for issues related to our npm packaging), please create a standalone git repository demonstrating the problem.

@@ -1077,3 +1077,3 @@ module.exports =

const options = this.applyContainerIfNotSet(this.options);
this.chart = external_agCharts_["AgChart"].create(options);
this.chart = external_agCharts_["AgCharts"].create(options);
this.$watch('options', (newValue, oldValue) => {

@@ -1083,4 +1083,3 @@ this.processChanges(newValue, oldValue);

this.isCreated = true;
this.chart.chart.waitForUpdate()
.then(() => this.$emit('onChartReady', this.chart));
this.chart.chart.waitForUpdate().then(() => this.$emit('onChartReady', this.chart));
}

@@ -1097,3 +1096,3 @@ destroyed() {

if (this.isCreated && this.chart) {
external_agCharts_["AgChart"].update(this.chart, this.applyContainerIfNotSet(this.options));
external_agCharts_["AgCharts"].update(this.chart, this.applyContainerIfNotSet(this.options));
}

@@ -1100,0 +1099,0 @@ }

@@ -1086,3 +1086,3 @@ (function webpackUniversalModuleDefinition(root, factory) {

const options = this.applyContainerIfNotSet(this.options);
this.chart = external_agCharts_["AgChart"].create(options);
this.chart = external_agCharts_["AgCharts"].create(options);
this.$watch('options', (newValue, oldValue) => {

@@ -1092,4 +1092,3 @@ this.processChanges(newValue, oldValue);

this.isCreated = true;
this.chart.chart.waitForUpdate()
.then(() => this.$emit('onChartReady', this.chart));
this.chart.chart.waitForUpdate().then(() => this.$emit('onChartReady', this.chart));
}

@@ -1106,3 +1105,3 @@ destroyed() {

if (this.isCreated && this.chart) {
external_agCharts_["AgChart"].update(this.chart, this.applyContainerIfNotSet(this.options));
external_agCharts_["AgCharts"].update(this.chart, this.applyContainerIfNotSet(this.options));
}

@@ -1109,0 +1108,0 @@ }

@@ -6,3 +6,3 @@ (function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("agCharts"),require("vue")):"function"===typeof define&&define.amd?define(["agCharts"],t):"object"===typeof exports?exports["ag-charts-vue"]=t(require("agCharts"),require("vue")):e["ag-charts-vue"]=t(e["agCharts"],e["Vue"])})("undefined"!==typeof self?self:this,(function(e,t){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s="fae3")}({"4d8b":function(t,r){t.exports=e},"65d9":function(e,t,r){"use strict";

* @license MIT
*/function n(e){return e&&"object"===typeof e&&"default"in e?e["default"]:e}Object.defineProperty(t,"__esModule",{value:!0});var o=n(r("8bbf")),i="undefined"!==typeof Reflect&&Reflect.defineMetadata;function a(e,t){c(e,t),Object.getOwnPropertyNames(t.prototype).forEach((function(r){c(e.prototype,t.prototype,r)})),Object.getOwnPropertyNames(t).forEach((function(r){c(e,t,r)}))}function c(e,t,r){var n=r?Reflect.getOwnMetadataKeys(t,r):Reflect.getOwnMetadataKeys(t);n.forEach((function(n){var o=r?Reflect.getOwnMetadata(n,t,r):Reflect.getOwnMetadata(n,t);r?Reflect.defineMetadata(n,o,e,r):Reflect.defineMetadata(n,o,e)}))}var f={__proto__:[]},u=f instanceof Array;function s(e){return function(t,r,n){var o="function"===typeof t?t:t.constructor;o.__decorators__||(o.__decorators__=[]),"number"!==typeof n&&(n=void 0),o.__decorators__.push((function(t){return e(t,r,n)}))}}function p(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return o.extend({mixins:e})}function d(e){var t=typeof e;return null==e||"object"!==t&&"function"!==t}function l(e,t){var r=t.prototype._init;t.prototype._init=function(){var t=this,r=Object.getOwnPropertyNames(e);if(e.$options.props)for(var n in e.$options.props)e.hasOwnProperty(n)||r.push(n);r.forEach((function(r){"_"!==r.charAt(0)&&Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){e[r]=t},configurable:!0})}))};var n=new t;t.prototype._init=r;var o={};return Object.keys(n).forEach((function(e){void 0!==n[e]&&(o[e]=n[e])})),o}var y=["data","beforeCreate","created","beforeMount","mounted","beforeDestroy","destroyed","beforeUpdate","updated","activated","deactivated","render","errorCaptured"];function h(e,t){void 0===t&&(t={}),t.name=t.name||e._componentTag||e.name;var r=e.prototype;Object.getOwnPropertyNames(r).forEach((function(e){if("constructor"!==e)if(y.indexOf(e)>-1)t[e]=r[e];else{var n=Object.getOwnPropertyDescriptor(r,e);void 0!==n.value?"function"===typeof n.value?(t.methods||(t.methods={}))[e]=n.value:(t.mixins||(t.mixins=[])).push({data:function(){var t;return t={},t[e]=n.value,t}}):(n.get||n.set)&&((t.computed||(t.computed={}))[e]={get:n.get,set:n.set})}})),(t.mixins||(t.mixins=[])).push({data:function(){return l(this,e)}});var n=e.__decorators__;n&&(n.forEach((function(e){return e(t)})),delete e.__decorators__);var c=Object.getPrototypeOf(e.prototype),f=c instanceof o?c.constructor:o,u=f.extend(t);return v(u,e,f),i&&a(u,e),u}function v(e,t,r){Object.getOwnPropertyNames(t).forEach((function(n){if("prototype"!==n){var o=Object.getOwnPropertyDescriptor(e,n);if(!o||o.configurable){var i=Object.getOwnPropertyDescriptor(t,n);if(!u){if("cid"===n)return;var a=Object.getOwnPropertyDescriptor(r,n);if(!d(i.value)&&a&&a.value===i.value)return}0,Object.defineProperty(e,n,i)}}}))}function b(e){return"function"===typeof e?h(e):function(t){return h(t,e)}}b.registerHooks=function(e){y.push.apply(y,e)},t.default=b,t.createDecorator=s,t.mixins=p},"8bbf":function(e,r){e.exports=t},f6fd:function(e,t){(function(e){var t="currentScript",r=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(n){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(n.stack)||[!1])[1];for(e in r)if(r[e].src==t||"interactive"==r[e].readyState)return r[e];return null}}})})(document)},fae3:function(e,t,r){"use strict";var n;(r.r(t),r.d(t,"AgChartsVue",(function(){return s})),"undefined"!==typeof window)&&(r("f6fd"),(n=window.document.currentScript)&&(n=n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(r.p=n[1]));function o(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}var i=r("8bbf"),a=r.n(i),c=r("65d9"),f=r.n(c);"undefined"!==typeof Reflect&&Reflect.getMetadata;var u=r("4d8b");let s=class extends a.a{constructor(){super(...arguments),this.isCreated=!1,this.isDestroyed=!1}render(e){return e("div",{style:{height:"100%"}})}mounted(){const e=this.applyContainerIfNotSet(this.options);this.chart=u["AgChart"].create(e),this.$watch("options",(e,t)=>{this.processChanges(e,t)}),this.isCreated=!0,this.chart.chart.waitForUpdate().then(()=>this.$emit("onChartReady",this.chart))}destroyed(){this.isCreated&&(this.chart&&this.chart.destroy(),this.isDestroyed=!0)}processChanges(e,t){this.isCreated&&this.chart&&u["AgChart"].update(this.chart,this.applyContainerIfNotSet(this.options))}applyContainerIfNotSet(e){return e.container?e:Object.assign(Object.assign({},e),{container:this.$el})}};s=o([f()({props:{options:{}}})],s)}})}));
*/function n(e){return e&&"object"===typeof e&&"default"in e?e["default"]:e}Object.defineProperty(t,"__esModule",{value:!0});var o=n(r("8bbf")),i="undefined"!==typeof Reflect&&Reflect.defineMetadata;function a(e,t){c(e,t),Object.getOwnPropertyNames(t.prototype).forEach((function(r){c(e.prototype,t.prototype,r)})),Object.getOwnPropertyNames(t).forEach((function(r){c(e,t,r)}))}function c(e,t,r){var n=r?Reflect.getOwnMetadataKeys(t,r):Reflect.getOwnMetadataKeys(t);n.forEach((function(n){var o=r?Reflect.getOwnMetadata(n,t,r):Reflect.getOwnMetadata(n,t);r?Reflect.defineMetadata(n,o,e,r):Reflect.defineMetadata(n,o,e)}))}var f={__proto__:[]},u=f instanceof Array;function s(e){return function(t,r,n){var o="function"===typeof t?t:t.constructor;o.__decorators__||(o.__decorators__=[]),"number"!==typeof n&&(n=void 0),o.__decorators__.push((function(t){return e(t,r,n)}))}}function p(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return o.extend({mixins:e})}function d(e){var t=typeof e;return null==e||"object"!==t&&"function"!==t}function l(e,t){var r=t.prototype._init;t.prototype._init=function(){var t=this,r=Object.getOwnPropertyNames(e);if(e.$options.props)for(var n in e.$options.props)e.hasOwnProperty(n)||r.push(n);r.forEach((function(r){"_"!==r.charAt(0)&&Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){e[r]=t},configurable:!0})}))};var n=new t;t.prototype._init=r;var o={};return Object.keys(n).forEach((function(e){void 0!==n[e]&&(o[e]=n[e])})),o}var y=["data","beforeCreate","created","beforeMount","mounted","beforeDestroy","destroyed","beforeUpdate","updated","activated","deactivated","render","errorCaptured"];function h(e,t){void 0===t&&(t={}),t.name=t.name||e._componentTag||e.name;var r=e.prototype;Object.getOwnPropertyNames(r).forEach((function(e){if("constructor"!==e)if(y.indexOf(e)>-1)t[e]=r[e];else{var n=Object.getOwnPropertyDescriptor(r,e);void 0!==n.value?"function"===typeof n.value?(t.methods||(t.methods={}))[e]=n.value:(t.mixins||(t.mixins=[])).push({data:function(){var t;return t={},t[e]=n.value,t}}):(n.get||n.set)&&((t.computed||(t.computed={}))[e]={get:n.get,set:n.set})}})),(t.mixins||(t.mixins=[])).push({data:function(){return l(this,e)}});var n=e.__decorators__;n&&(n.forEach((function(e){return e(t)})),delete e.__decorators__);var c=Object.getPrototypeOf(e.prototype),f=c instanceof o?c.constructor:o,u=f.extend(t);return v(u,e,f),i&&a(u,e),u}function v(e,t,r){Object.getOwnPropertyNames(t).forEach((function(n){if("prototype"!==n){var o=Object.getOwnPropertyDescriptor(e,n);if(!o||o.configurable){var i=Object.getOwnPropertyDescriptor(t,n);if(!u){if("cid"===n)return;var a=Object.getOwnPropertyDescriptor(r,n);if(!d(i.value)&&a&&a.value===i.value)return}0,Object.defineProperty(e,n,i)}}}))}function b(e){return"function"===typeof e?h(e):function(t){return h(t,e)}}b.registerHooks=function(e){y.push.apply(y,e)},t.default=b,t.createDecorator=s,t.mixins=p},"8bbf":function(e,r){e.exports=t},f6fd:function(e,t){(function(e){var t="currentScript",r=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(n){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(n.stack)||[!1])[1];for(e in r)if(r[e].src==t||"interactive"==r[e].readyState)return r[e];return null}}})})(document)},fae3:function(e,t,r){"use strict";var n;(r.r(t),r.d(t,"AgChartsVue",(function(){return s})),"undefined"!==typeof window)&&(r("f6fd"),(n=window.document.currentScript)&&(n=n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(r.p=n[1]));function o(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}var i=r("8bbf"),a=r.n(i),c=r("65d9"),f=r.n(c);"undefined"!==typeof Reflect&&Reflect.getMetadata;var u=r("4d8b");let s=class extends a.a{constructor(){super(...arguments),this.isCreated=!1,this.isDestroyed=!1}render(e){return e("div",{style:{height:"100%"}})}mounted(){const e=this.applyContainerIfNotSet(this.options);this.chart=u["AgCharts"].create(e),this.$watch("options",(e,t)=>{this.processChanges(e,t)}),this.isCreated=!0,this.chart.chart.waitForUpdate().then(()=>this.$emit("onChartReady",this.chart))}destroyed(){this.isCreated&&(this.chart&&this.chart.destroy(),this.isDestroyed=!0)}processChanges(e,t){this.isCreated&&this.chart&&u["AgCharts"].update(this.chart,this.applyContainerIfNotSet(this.options))}applyContainerIfNotSet(e){return e.container?e:Object.assign(Object.assign({},e),{container:this.$el})}};s=o([f()({props:{options:{}}})],s)}})}));
//# sourceMappingURL=ag-charts-vue.umd.min.js.map

@@ -8,3 +8,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

import { Component, Vue } from 'vue-property-decorator';
import { AgChart } from 'ag-charts-community';
import { AgCharts } from 'ag-charts-community';
let AgChartsVue = class AgChartsVue extends Vue {

@@ -21,3 +21,3 @@ constructor() {

const options = this.applyContainerIfNotSet(this.options);
this.chart = AgChart.create(options);
this.chart = AgCharts.create(options);
this.$watch('options', (newValue, oldValue) => {

@@ -27,4 +27,3 @@ this.processChanges(newValue, oldValue);

this.isCreated = true;
this.chart.chart.waitForUpdate()
.then(() => this.$emit('onChartReady', this.chart));
this.chart.chart.waitForUpdate().then(() => this.$emit('onChartReady', this.chart));
}

@@ -41,3 +40,3 @@ destroyed() {

if (this.isCreated && this.chart) {
AgChart.update(this.chart, this.applyContainerIfNotSet(this.options));
AgCharts.update(this.chart, this.applyContainerIfNotSet(this.options));
}

@@ -44,0 +43,0 @@ }

@@ -1,2 +0,1 @@

export {AgChartsVue} from './lib/AgChartsVue';
export { AgChartsVue } from './lib/AgChartsVue';

@@ -1,7 +0,6 @@

"use strict";
'use strict';
function __export(m) {
for (let p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
Object.defineProperty(exports, "__esModule", { value: true });
__export(require("./lib/AgChartsVue"));
Object.defineProperty(exports, '__esModule', { value: true });
__export(require('./lib/AgChartsVue'));
{
"name": "ag-charts-vue",
"description": "AG Charts Vue Component",
"version": "8.2.1",
"author": "Sean Landsman <sean@thelandsmans.com>",
"version": "9.0.0",
"author": "AG Grid <info@ag-grid.com>",
"license": "MIT",

@@ -11,8 +11,8 @@ "main": "main.js",

"type": "git",
"url": "https://github.com/ag-grid/ag-grid.git"
"url": "https://github.com/ag-grid/ag-charts.git"
},
"bugs": {
"url": "https://github.com/ag-grid/ag-grid/issues"
"url": "https://github.com/ag-grid/ag-charts/issues"
},
"homepage": "https://www.ag-grid.com/",
"homepage": "https://charts.ag-grid.com/",
"keywords": [

@@ -27,24 +27,20 @@ "chart",

"scripts": {
"clean": "rimraf dist lib .hash",
"bundle": "NODE_OPTIONS=--openssl-legacy-provider npx vue-cli-service build --target lib src/AgChartsVue.ts",
"npm": "npx tsc -p tsconfig-lib.json",
"build": "npm run npm && npm run bundle",
"build-prod": "npm run build",
"lint": "npx vue-cli-service lint"
"clean": "rimraf dist lib",
"build": "tsc -p tsconfig-lib.json && NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build --target lib src/AgChartsVue.ts",
"lint": "# npx vue-cli-service lint"
},
"devDependencies": {
"ag-charts-community": "~8.2.1",
"@types/node": "12.20.20",
"@vue/cli-plugin-typescript": "3.11.0",
"@vue/cli-plugin-unit-jest": "3.11.0",
"@vue/cli-service": "3.11.0",
"typescript": "~4.3.5",
"@types/node": "18.18.11",
"@vue/cli-plugin-typescript": "3.12.1",
"@vue/cli-service": "3.12.1",
"ag-charts-community": "9.0.0",
"rimraf": "3.0.2",
"typescript": "~4.7.4",
"vue": "2.6.10",
"vue-class-component": "7.0.0",
"vue-property-decorator": "9.1.2",
"vue-template-compiler": "2.6.10",
"rimraf": "3.0.2"
"vue-property-decorator": "^9.1.2",
"vue-template-compiler": "2.6.10"
},
"peerDependencies": {
"ag-charts-community": "~8.2.1",
"ag-charts-community": "9.0.0",
"vue": ">= 2.2 <= 2.5.17 || >= 2.5.20",

@@ -56,2 +52,2 @@ "vue-property-decorator": "^7.2.0 || ^8.0.0 || ^9.1.2"

}
}
}

@@ -1,8 +0,17 @@

[![npm](https://img.shields.io/npm/dm/ag-charts-vue.svg)](https://www.npmjs.com/package/ag-charts-vue)
[![npm](https://img.shields.io/npm/dt/ag-charts-vue.svg)](https://www.npmjs.com/package/ag-charts-vue)
picture><source media="(prefers-color-scheme: dark)" srcset="./../../.github/banner-dark.png"><source media="(prefers-color-scheme: light)" srcset="./../../.github/banner-light.png"><img alt="AG Charts canvas-based charting trusted by the community, built for enterprise." src="./../../.github/banner-light.png"></picture>
[![Github Stars](https://img.shields.io/github/stars/ag-grid/ag-charts?style=social)](https://github.com/ag-grid/ag-charts) [![Twitter](https://img.shields.io/twitter/follow/ag_grid?style=social)](https://twitter.com/ag_grid)
| Module | Info |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| ag-charts-community | [![npm](https://img.shields.io/npm/dm/ag-charts-community)](https://www.npmjs.com/package/ag-charts-community) <br> [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ag-charts-community&metric=alert_status)](https://sonarcloud.io/dashboard?id=ag-charts-community) <br> |
| ag-charts-enterprise | [![npm](https://img.shields.io/npm/dm/ag-charts-enterprise)](https://www.npmjs.com/package/ag-charts-enterprise) <br> [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ag-charts-community&metric=alert_status)](https://sonarcloud.io/dashboard?id=ag-charts-community) |
| ag-charts-vue | [![npm](https://img.shields.io/npm/dm/ag-charts-vue.svg)](https://www.npmjs.com/package/ag-charts-vue) <br> [![npm](https://img.shields.io/npm/dt/ag-charts-vue.svg)](https://www.npmjs.com/package/ag-charts-vue) |
# AG Charts Vue Community
AG Charts is a fully-featured and highly customizable JavaScript charting library.
AG Charts is a fully-featured and highly customizable JavaScript charting library. The professional choice for developers building enterprise applications
It delivers [outstanding performance](https://charts.ag-grid.com/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), has no third-party dependencies and [integrates smoothly with all major JavaScript frameworks](https://charts.ag-grid.com/vue/quick-start?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github).
## Features

@@ -12,33 +21,46 @@

* 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
- 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 many chart types:
- Line
- Bar
- Area
- Scatter
- Bubble
- Pie
- Doughnut
- Histogram
- Box Plot \*
- Heatmap \*
- Nightingale \*
- Range
- Bar \*
- Area \*
- Radar
- Area \*
- Line \*
- Bar \*
- Column \*
- Bullet \*
- 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/vue-charts/overview/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) for full documentation.
\* The features marked with an asterisk are available in the [Enterprise version](https://charts.ag-grid.com/license-pricing/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) only.
Check out the [developer documentation](https://charts.ag-grid.com/vue/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) for a complete list of features or visit [our official docs](https://charts.ag-grid.com/gallery/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) for tutorials and feature demos.
## Getting started
### Install dependencies
See [Get Started with Vue](https://charts.ag-grid.com/vue/quick-start/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
```sh
$ npm install --save ag-charts-community ag-charts-vue
```
### Installation
### Usage
See [Installation for Vue](https://charts.ag-grid.com/vue/installation/).
Please refer to our [Getting Started](https://www.ag-grid.com/vue-charts/getting-started/) Tutorial.
## 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](https://ag-grid.zendesk.com/) system to do that.
If you have found a bug, please report it in this repository's [issues](https://github.com/ag-grid/ag-charts/issues) section. If you're using the Enterprise version, please use the [private ticketing](https://ag-grid.zendesk.com/) system to do that.

@@ -45,0 +67,0 @@ ## Asking Questions

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc