vue-apexcharts - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

dist/vue-apexcharts.d.ts

@@ -10,3 +10,3 @@ import Vue, { Component, ComponentOptions } from 'vue';
   options?: ApexOptions;
-  type?: 'line' | 'area' | 'bar' | 'histogram' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'radar';
+  type?: 'line' | 'area' | 'bar' | 'histogram' | 'pie' | 'donut' | 'radialBar' | 'rangeBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'radar';
   series: any;
@@ -13,0 +13,0 @@ width?: string | number;

dist/vue-apexcharts.js

@@ -44,4 +44,3 @@ (function (global, factory) {
       type: {
-        type: String,
-        default: 'line'
+        type: String
       },
@@ -89,4 +88,2 @@ series: {
         }
-      }, {
-        deep: true
       });
@@ -116,3 +113,3 @@ var watched = ['type', 'width', 'height'];
           chart: {
-            type: this.type,
+            type: this.type || this.options.chart.type || 'line',
             height: this.height,
@@ -198,2 +195,5 @@ width: this.width,
       },
+      appendSeries: function appendSeries(newSeries, animate) {
+        this.chart.appendSeries(newSeries, animate);
+      },
       resetSeries: function resetSeries() {
@@ -200,0 +200,0 @@ this.chart.resetSeries();

package.json

 {
   "name": "vue-apexcharts",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Vue.js wrapper for ApexCharts",
@@ -5,0 +5,0 @@ "main": "dist/vue-apexcharts.js",

README.md

@@ -158,6 +158,6 @@ <p align="center"><img src="https://apexcharts.com/media/vue-apexcharts.png"></p>
 | ------------- |-------------| -----|
-| **series***| Array | The series is an array which accepts object in the following format. To know more about the format of dataSeries, checkout [Series](https://apexcharts.com/docs/series/) docs on the website. |
+| **series***| Array | The series is an array which accepts an object in the following format. To know more about the format of dataSeries, checkout [Series](https://apexcharts.com/docs/series/) docs on the website. |
 | **type*** | String  | `line`, `area`, `bar`, `pie`, `donut`, `scatter`, `bubble`, `heatmap`, `radialBar`, `candlestick`  |
-| **width** | Number/String  | Possible values for width can be `100%` or `400px` or 400 |
-| **height** | Number/String | Possible values for width can be `100%` or `300px` or 300 |
+| **width** | Number/String  | Possible values for width can be `100%` or `400px` or `400` |
+| **height** | Number/String | Possible values for height can be `100%` or `300px` or `300` |
 | **options** | Object | The configuration object, see options on [API (Reference)](https://apexcharts.com/docs/options/chart/type/) |
@@ -164,0 +164,0 @@

src/ApexCharts.component.js

@@ -9,4 +9,3 @@ import ApexCharts from 'apexcharts'
     type: {
-      type: String,
-      default: 'line'
+      type: String
     },
@@ -51,4 +50,3 @@ series: {
       }
-    }, { deep: true })
-
+    })
     let watched = ['type', 'width', 'height']
@@ -74,3 +72,3 @@ watched.forEach(prop => {
         chart: {
-          type: this.type,
+          type: this.type || this.options.chart.type || 'line',
           height: this.height,
@@ -157,2 +155,5 @@ width: this.width,
     },
+    appendSeries (newSeries, animate) {
+      this.chart.appendSeries(newSeries, animate)
+    },
     resetSeries () {
@@ -159,0 +160,0 @@ this.chart.resetSeries()

typings/vue-apexcharts.d.ts

@@ -10,3 +10,3 @@ import Vue, { Component, ComponentOptions } from 'vue';
   options?: ApexOptions;
-  type?: 'line' | 'area' | 'bar' | 'histogram' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'radar';
+  type?: 'line' | 'area' | 'bar' | 'histogram' | 'pie' | 'donut' | 'radialBar' | 'rangeBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'radar';
   series: any;
@@ -13,0 +13,0 @@ width?: string | number;

No alert changes

Improved metrics

Total package byte prevSize

55062

increased by0.43%

Lines of code

575

increased by0.35%

No dependency changes