echarts 设置宽度 js vue
时间: 2023-07-22 09:20:46 浏览: 94
echarts的js
在使用Echarts的时候,可以通过设置容器的宽度来控制图表的宽度。在Vue项目中,可以在组件的`mounted`钩子函数中使用`this.$refs`获取到DOM元素,并设置宽度。例如:
```javascript
<template>
<div ref="chart" style="width: 100%; height: 500px;"></div>
</template>
<script>
import echarts from 'echarts'
export default {
mounted() {
const chartDom = this.$refs.chart
const chart = echarts.init(chartDom)
// 设置容器的宽度
chartDom.style.width = '800px'
// ...
}
}
</script>
```
这样就可以设置Echarts图表的宽度为800px了。
阅读全文