记——在vue-draggable-resizable中使用v-charts和data-v时，组件无法根据父容器自适应的问题

问题描述

1 如图

添加了一个v-charts组件后，显示有问题。

2 特殊情况

3 dataV组件也同样存在如此问题

原因分析

1 v-charts组件

v-charts文档中配置项judge-width（是否处理生成图表时的宽度问题）默认值为false,如图：

2 dataV组件

dataV组件中对此有详细的说明，如图：

解决方案

1 v-charts的解决方案

2 dataV的解决方案

依据官网据说，可在组件上绑定一个key值，当vue-draggable-resizable组件改变父容器大小时，变化该key值。

如此，可解决两者无法自适应的问题。