vue-apexcharts
Advanced tools
Comparing version 1.0.2 to 1.0.3
@@ -95,3 +95,3 @@ (function (global, factory) { | ||
series: { | ||
handler: function() { | ||
handler: function () { | ||
if (!this.chart) { | ||
@@ -106,3 +106,3 @@ this.init(); | ||
options: { | ||
handler: function() { | ||
handler: function () { | ||
if (!this.chart) { | ||
@@ -124,2 +124,5 @@ this.init(); | ||
}, | ||
render(createElement) { | ||
return createElement('div'); | ||
}, | ||
methods: { | ||
@@ -126,0 +129,0 @@ init() { |
{ | ||
"name": "vue-apexcharts", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "Vue.js wrapper for ApexCharts", | ||
"main": "dist/vue-apexcharts.js", | ||
"scripts": { | ||
"lint": "eslint src test", | ||
"unit": "karma start", | ||
"test": "npm run lint && npm run unit", | ||
"test": "echo \"Error: no test specified\" && exit 1", | ||
"bundle": "rollup src/index.js -f umd -n VueApexCharts -g apexcharts:ApexCharts -o dist/vue-apexcharts.js", | ||
@@ -38,12 +37,2 @@ "build": "npm run bundle", | ||
"devDependencies": { | ||
"chai": "^4.1.2", | ||
"eslint": "^5.3.0", | ||
"eslint-config-google": "^0.9.1", | ||
"karma": "^2.0.5", | ||
"karma-chai": "^0.1.0", | ||
"karma-chrome-launcher": "^2.2.0", | ||
"karma-coverage": "^1.1.2", | ||
"karma-mocha": "^1.3.0", | ||
"karma-rollup-preprocessor": "^6.0.0", | ||
"mocha": "^5.2.0", | ||
"rollup": "^0.64.1", | ||
@@ -50,0 +39,0 @@ "rollup-plugin-istanbul": "^2.0.1", |
<p align="center"><img src="https://apexcharts.com/media/vue-apexcharts-logo.png"></p> | ||
<p align="center"> | ||
<a href="https://github.com/apexcharts/apexcharts.js/blob/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-brightgreen.svg" alt="License"></a> | ||
<a href="https://github.com/apexcharts/vue-apexcharts/blob/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-brightgreen.svg" alt="License"></a> | ||
<!--<a href="https://travis-ci.com/apexcharts/vue-apexcharts.js"><img src="https://api.travis-ci.com/apexcharts/vue-apexcharts.js.svg?branch=master" alt="build" /></a>--> | ||
@@ -13,3 +13,3 @@ <a href="https://www.npmjs.com/package/vue-apexcharts"><img src="https://img.shields.io/npm/v/vue-apexcharts.svg" alt="ver"></a> | ||
<p align="center">Vue.js wrapper for ApexCharts to build interactive visualizations in vue.</p> | ||
<p align="center">Vue.js wrapper for <a href="https://github.com/apexcharts/apexcharts.js">ApexCharts</a> to build interactive visualizations in vue.</p> | ||
@@ -68,3 +68,3 @@ <p align="center"><a href="https://apexcharts.com/javascript-chart-demos/"><img src="https://apexcharts.com/media/apexcharts-banner.png"></a></p> | ||
Simple! Just change the `series` or any `option` and it will automatically re-render the chart. Have a loot at the below example | ||
<p align="center"><a href="#"><img src="https://apexcharts.com/media/chart-updation-vue.gif"></a></p> | ||
<p align="center"><a href="#"><img src="https://apexcharts.com/media/vue-chart-updation.gif"></a></p> | ||
@@ -139,9 +139,27 @@ ```html | ||
The download bundle includes the following files and directories. | ||
The repository includes the following files and directories. | ||
``` | ||
vue-apexcharts/ | ||
├── dist/ | ||
│ └── vue-apexcharts.js | ||
└── src/ | ||
├── ApexCharts.component.js | ||
├── Utils.js | ||
└── index.js | ||
``` | ||
## Development | ||
#### Install dependencies | ||
```bash | ||
npm install | ||
``` | ||
#### Bundling | ||
```bash | ||
npm run build | ||
``` | ||
## License | ||
Vue-ApexCharts is released under MIT license. You are free to use, modify and distribute this software, as long as the copyright header is left intact. |
@@ -37,3 +37,3 @@ import ApexCharts from 'apexcharts' | ||
series: { | ||
handler: function() { | ||
handler: function () { | ||
if (!this.chart) { | ||
@@ -48,3 +48,3 @@ this.init() | ||
options: { | ||
handler: function() { | ||
handler: function () { | ||
if (!this.chart) { | ||
@@ -66,2 +66,5 @@ this.init() | ||
}, | ||
render(createElement) { | ||
return createElement('div'); | ||
}, | ||
methods: { | ||
@@ -96,2 +99,2 @@ init() { | ||
} | ||
} | ||
} |
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
14964
4
7
312
163
2