New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vue-apexcharts

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-apexcharts - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

LICENSE

7

dist/vue-apexcharts.js

@@ -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() {

}
}
}
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc