Compare commits

...

2 Commits

Author SHA1 Message Date
e7eb680d46 chore: update changelog and version 2023-12-12 09:59:33 +08:00
b3a10f3654 fix: fix inner wrapper styles 2023-12-12 09:51:27 +08:00
6 changed files with 13 additions and 8 deletions

View File

@ -1,3 +1,7 @@
## 6.6.3
* Fixed inner wrapper styles.
## 6.6.2
* Fixed that tooltips may affected by internal styling by VueECharts.

View File

@ -237,7 +237,7 @@ Drop `<script>` inside your HTML file and access the component via `window.VueEC
```html
<script src="https://cdn.jsdelivr.net/npm/vue@3.3.7"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.3"></script>
```
<!-- vue3Scripts:end -->
@ -257,7 +257,7 @@ app.component('v-chart', VueECharts)
```html
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.15"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.3"></script>
```
<!-- vue2Scripts:end -->

View File

@ -4,7 +4,6 @@
<p align="center"><a href="https://vue-echarts.dev/">查看 Demo →</a></p>
<p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="Open in Codeflow" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" height="28"/></a> <a href="https://codesandbox.io/p/github/ecomfe/vue-echarts"><img alt="Edit in CodeSandbox" src="https://assets.codesandbox.io/github/button-edit-lime.svg" height="28"/></a></p>
> [!IMPORTANT]
> 我们新发布了一个[导入代码生成器](https://vue-echarts.dev/#codegen),只需要把`option` 代码粘贴进去,就可以得到精确的导入代码。
>
@ -238,7 +237,7 @@ import "echarts";
```html
<script src="https://cdn.jsdelivr.net/npm/vue@3.3.7"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.3"></script>
```
<!-- vue3Scripts:end -->
@ -258,7 +257,7 @@ app.component('v-chart', VueECharts)
```html
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.15"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.6.3"></script>
```
<!-- vue2Scripts:end -->

View File

@ -1,6 +1,6 @@
{
"name": "vue-echarts",
"version": "6.6.2",
"version": "6.6.3",
"description": "Vue.js component for Apache ECharts.",
"author": "GU Yiling <justice360@gmail.com>",
"scripts": {

View File

@ -307,6 +307,8 @@ export default defineComponent({
) as any;
attrs.ref = "root";
attrs.class = attrs.class ? ["echarts"].concat(attrs.class) : "echarts";
return h(TAG_NAME, attrs, [h("div", { ref: "inner" })]);
return h(TAG_NAME, attrs, [
h("div", { ref: "inner", class: "echarts-inner" })
]);
}
});

View File

@ -1 +1 @@
x-vue-echarts{display:block;width:100%;height:100%;min-width:0}x-vue-echarts>[_echarts_instance_]{width:100%;height:100%}
x-vue-echart,.echarts-inner{display:block;width:100%;height:100%;min-width:0}