onMounted(async ()=>{
// 从后端拿组织机构图的 Json数据
const params = { id:1 }
await getMethod(data.url, params).then(res=>{
console.log('对象类型',typeof(res[0].content))
data.dataCharts = res[0].content // 图表的数据
}
)
// 把拿到的 数据赋值给 option
option.series[0].data[0] = data.dataCharts
// 初始化图表
let myEcharts = document.getElementById('myEcharts')
data.myChart = echarts.init(myEcharts,'lignt') //后参数为主题
//禁用右键鼠标菜单
myEcharts.oncontextmenu = function(){ return false }
option && data.myChart.setOption(option)
// 自定义图表鼠标菜单控制事件
data.myChart.on("contextmenu", function(param){
// 把参数转给 data
data.elementTitle = param.data.name
data.elementId = param.data.id
// 调整鼠标菜单位置,到点击的元素边上
data.xOffset = param.event.offsetX + 240 + 'px'
data.yOffset = param.event.offsetY - 60 + 'px'
// 显示鼠标右键菜单
data.showMouseMenu = true
})
// 点空白处关闭鼠标右键菜单
data.myChart.getZr().on('click',function(){
data.showMouseMenu = false
})
// window.onresize = function () { // 自适应大小
// data.myChart.resize()
// }
})
点元素,伸缩后面的子元素, 操作正常,但是会出现 线条残留的问题,请教解决方法