动态调整echarts尺寸

在网上找了好多动态调整echarts图表大小的方法，比如通过grid属性，修改canvas大小，都不太理想。最后反复调试，图表在初始化的时候有一个resize属性，可以修改宽高，具体如下：let myChart = Vue.prototype.$echarts.init(this.$refs.main_chart)myChart.resize({width: this.$refs.main_cha

酷酷的橙007

5564人浏览 · 2020-06-15 17:23:43

酷酷的橙007 · 2020-06-15 17:23:43 发布

在网上找了好多动态调整echarts图表大小的方法，比如通过grid属性，修改canvas大小，都不太理想。最后反复调试，图表在初始化的时候有一个resize属性，可以修改宽高，具体如下：

let myChart = Vue.prototype.$echarts.init(this.$refs.main_chart)
myChart.resize({
    width: this.$refs.main_chart.clientWidth,
    height: this.$refs.main_chart.clientHeight
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^