ag-charts-vue
Advanced tools
Comparing version 8.2.1 to 9.0.0
@@ -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
243727
10
16
2163
77