有大神会做echarts 3D省级地图的鼠标点击事件吗,求指教?

有大神会做echarts 3D省级地图的鼠标点击事件吗,求指教?,第1张

可以这样试一下

先写成这样:

myCharts.on('click',function(params){

console.log(params)

})

然后谷歌浏览器,F12 打开开发者工具。

点击地图,看开发者工具控制台输出,params 里面有没有跟省市有关的属性。。

this.$refs.chart.resize()这个是官网给的自适应方法,

这里的核心是$nextTick,页面渲染完成后执行这个自适应函数

2)窗口变化时适应

window.addEventListener("resize", this.resizeTheChart)//这句在mounted中

methods中:

resizeTheChart() {

if (this.$refs &&this.$refs.echarts1) {

this.$refs.echarts1.resize()

}

这里时给窗口添加自适应函数监听,有了这句改变屏幕大小时,画布也会随着改变。

总结

网上给的自适应解决方案全都是只给出了窗口自适应的问题,事实上也能解决窗口自适应,但是第一次渲染的时候会出现不适应的问题,这就要用nextTick去解决。

查了一下,这个下载的vue-echarts他给的默认长宽是600px*400px,如果外等盒子的长宽比这个小的话那么就会超出,而这个自适应函数本身是解决这个问题的,但是它貌似是异步的,如果只单单在mounted中写一次,那它会在画布生成前执行一次,就不能达到想要的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11405442.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存