admin管理员组

文章数量:1650772

1.如果是多个图表，那就创建一个公共组件（子组件），如下：

<template>
//自定义弹窗
  <el-dialog
    top="150px"
    width="60%"
    :modal="true"
    :title="title"
    append-to-body
    :visible.sync="dialogVisible"
    :modal-append-to-body="false"
    :close-on-click-modal="false">
    <div id="dialogBox"></div>
  </el-dialog>
</template>

<script>
export default {
   
	data () {
   
	    return {
   
	      dialogVisible: false,
	      title: ''
	    }
	},
	methods: {
   
		show(title, val, id) {
   
	    	// title：弹出框 标题说明
	    	// val：  父组件中 echart的option数据
	    	// id：   自定义 id
	      	this.dialogVisible = true
	      	this.title = title
			this.$nextTick(() => {
   
	        	let divBox = document.getElementById('dialogBox')
	       		if (divBox.children && divBox.children.length == 1) {
   
	          		divBox.removeChild(divBox.children[0])
	        	}
	        	let divChild = document.createElement('div')
	        	divChild.setAttribute('id', id)
	        	divBox.

本文标签： 自定义全屏工具栏属性echarts

版权声明：本文标题：echarts toolbox工具栏设置自定义feature属性设置弹窗和全屏放大 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729531209a1204828.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。