Zhuyi731 / echarts-for-wx-uniapp

uni-app echarts vue2小程序专用
332 stars 37 forks source link

请问这个可以引入地图么? #14

Closed ghostsGod closed 4 years ago

Zhuyi731 commented 4 years ago

No description provided.

可以的

ghostsGod commented 4 years ago

那想请教您一下,要以什么方式引入呢?我试了uni-ec-canvas组件中的initChart方法中加入echarts.registerMap('china', china);,但是uni-app没有展示成功,china.js用的是module.exports=地图网站下载的json信息。是我使用的方法不对么,还是china.js有什么要求

Zhuyi731 commented 4 years ago

可以看下这个issue的使用 地图issue

Zhuyi731 commented 4 years ago

那想请教您一下,要以什么方式引入呢?我试了uni-ec-canvas组件中的initChart方法中加入echarts.registerMap('china', china);,但是uni-app没有展示成功,china.js用的是module.exports=地图网站下载的json信息。是我使用的方法不对么,还是china.js有什么要求

看下是不是同样的问题 echart必须使用组件的echart

ghostsGod commented 4 years ago

我用那哥们的方法试了一下,会有报错 _china.default.registerMap is not a function 我用您这插件是直接在uniapp插件市场导入的,引入的china.js和china.json也是在其他项目里找的,在码云里的一个项目找的 image 是js版本有误差导致的么?

ghostsGod commented 4 years ago

import '../../static/js/china.js' import china from '@/js_sdk/yanhao-echarts-for-wx/uni-ec-canvas/china.json' import echart from '@/js_sdk/yanhao-echarts-for-wx/uni-ec-canvas/echarts.js' import uniEcCanvas from '@/js_sdk/yanhao-echarts-for-wx/uni-ec-canvas/uni-ec-canvas';

echart.registerMap('china', china)

ghostsGod commented 4 years ago

其他的是摘抄的他发的那段代码,就是这里有以下改动,china那两个是我从码云中名字是uni-app-echarts-map拿到的,好像是您写的吧

ghostsGod commented 4 years ago

找到问题了,已经解决,非常感谢

ghostsGod commented 4 years ago

按照那个方法写确实可以实现引入

Zhuyi731 commented 4 years ago

应该是module.exports 要改成export default

ghostsGod commented 4 years ago

可以再问您一个问题么?我怎么在单页面多个图表的情况下,给单个的图表添加点击事件,或者是获取到我点击或者滑过的地点名称呢?

Zhuyi731 commented 4 years ago

可以再问您一个问题么?我怎么在单页面多个图表的情况下,给单个的图表添加点击事件,或者是获取到我点击或者滑过的地点名称呢?

通过给你需要的图表添加ref,然后通过this.$refs.$curChart来获取到图表的实例。然后就可以添加事件了

ghostsGod commented 4 years ago

可以再问您一个问题么?我怎么在单页面多个图表的情况下,给单个的图表添加点击事件,或者是获取到我点击或者滑过的地点名称呢?

通过给你需要的图表添加ref,然后通过this。$ refs。$ curChart来获取到图表的实例。然后就可以添加事件了

然后this.$refs['canvas'].$curChart是这样吗? 获取实例添加事件我没有太懂,在哪里添加呢

ghostsGod commented 4 years ago

然后this.$refs['canvas'].$curChart是这样吗? 但是怎么获取实例添加事件我没有太懂

Zhuyi731 commented 4 years ago

然后this.$refs['canvas'].$curChart是这样吗? 但是怎么获取实例添加事件我没有太懂

是的 添加时间看这个官方文档 click事件改为tap

ghostsGod commented 4 years ago

非常抱起还得打扰一下,我还是对着个事件在哪里添加有疑惑, 怎么去设置事件,并且让实例去监听调用呢,您可以告诉我一个大概思路么?

Zhuyi731 commented 4 years ago

` const chart = this.$refs['canvas'].$curChart

chart.on('legendselectchanged', function (params) { //标题被点击事件 console.log(params); }); `