fix(#783): chart should display after activation in <keep-alive>

ecomfe · May 7, 2024 · e651d32 · e651d32
1 parent a8e30b1
commit e651d32
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 6.7.2
+
+* Fixed that charts inside `<keep-alive>` failed to display after activation.
+
 ## 6.7.1
 
 * Fixed that native events won't actually trigger.

diff --git a/README.md b/README.md
@@ -238,7 +238,7 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -258,7 +258,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue2Scripts:end -->
 

diff --git a/README.zh-Hans.md b/README.zh-Hans.md
@@ -238,7 +238,7 @@ import "echarts";
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -258,7 +258,7 @@ app.component('v-chart', VueECharts)
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.0"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.7.2"></script>
 ```
 <!-- vue2Scripts:end -->
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.7.1",
+  "version": "6.7.2",
   "description": "Vue.js component for Apache ECharts™.",
   "author": "GU Yiling <justice360@gmail.com>",
   "scripts": {

diff --git a/src/style.css b/src/style.css
@@ -1,2 +1,2 @@
 x-vue-echarts{display:block;position:relative;width:100%;height:100%;min-width:0}
-.vue-echarts-inner{position:absolute;top:0;right:0;bottom:0;left:0}
+.vue-echarts-inner{position:absolute!important;top:0;right:0;bottom:0;left:0}