vue echart是一個十分流行的前端數據可視化框架，它集成了著名的echart.js庫，能夠通過簡單的代碼實現各種酷炫的可視化效果。然而，在使用vue echart的過程中，我們可能會遇到一些寬度問題。

vue echart的寬度是由其父級元素的寬度決定的。因此，如果我們希望控制vue echart的寬度，需要在其父級元素上設置寬度。在vue組件中的父級元素可以通過以下代碼進行設置：

<template>
<div class="chart-wrapper">
<vue-echarts :options="chartOptions" :style="{ 'width': '100%' }"></vue-echarts>
</div>
</template>
<style>
.chart-wrapper {
width: 80%;
margin: 0 auto;
}
</style>

在上述代碼中，我們通過設置chart-wrapper的寬度為80%來控制vue echart的寬度。此外，我們在vue-echarts組件中使用了:style綁定屬性，并將其設置為100%。這將確保vue echart的寬度與其父級元素的寬度相同。

總而言之，在使用vue echart時控制其寬度并不困難，只需設好其父級元素的寬度，然后使用:style綁定屬性來確保vue echart的寬度被正確設定即可。