注册 登录
嫣旖雲之逸
嫣旖雲之逸
  • 发布：2020-02-06 10:39
  • 更新：2023-05-24 19:50
  • 阅读：5194

uniapp h5使用Echart制作地图 没有tooltip功能？？？

分类：uni-app
import * as echarts from 'echarts' 地图option: let option={ dataRange: { min: 0, //颜色区间的最小值 max: 50, //颜色区间的最大值，和data中的最大值一致 x: "left", y: "bottom", text: ["高", "低"], // 文本，默认为数值文本 calculable: true, inRange: { //颜色区间 color: ["lightskyblue", "yellow", "orangered", "red"] } }, tooltip: { trigger: 'item', show: true, formatter: function(params,ticket,callback) { console.log('----------') console.log(params); console.log('----------') return ( "地区：" + params.data.name ); } }, series: [ { type: "map", map: "demo", itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } }, roam:true, data: this.markdata, markPoint: { symbolSize: 45, itemStyle: { normal: { borderColor: "#33CBFF", color: "#33CBFF", borderWidth: 1, // 标注边线线宽，单位px，默认为1 label: { show: true } } }, data: this.markdata, } } ] };
2020-02-06 10:39 负责人:无 分享

没有找到相关结果

    已邀请:
    1***@qq.com

    1***@qq.com

    昨天搞了半天，在echarts 4.9.0版本下终于h5能显示tooltip了。
    原因：echarts自带运行环境的判断，而在h5环境中，竟然有全局变量wx，这你能信！！！一点都不符合直觉。所以echarts自己判断环境就为wx，和普通html不一样。
    解决方式：在引用echarts之前设置

    window.wx = undefined
    2021-03-26 10:22 分享
    评论 取消
    1***@qq.com

    1***@qq.com

    请问除了tooltip，在markline，markpoint中的formatter怎么使用html？

    2022-09-21 14:50 分享
    6***@qq.com

    6***@qq.com

    问题解决了吗，我也遇到了

    2020-02-17 02:31 分享
    2***@qq.com

    2***@qq.com - 你们好啊

    大佬 问题解决了么 h5echarts tooltip不显示

    2020-11-24 20:25 分享
    1***@qq.com

    1***@qq.com

    相同代码 在原生html中可以，放到uni-app框架中 运行h5模式 tooltip datazoom 都没有效果

    2021-03-25 17:38 分享
    评论 取消
    水域心诚

    水域心诚

    修改了也没效果

    2021-07-30 11:28 分享
    评论 取消
    skyense

    skyense

    在引用之前 设置了window.wx = undefined 还是没用呀，这只是针对uni-app中的小程序有用的吗？

    2022-01-04 17:40 分享
    评论 取消
    1***@qq.com

    1***@qq.com

    很正常，移动端 echart5以上触摸事件是无效的

    2022-05-06 16:32 分享

    • 1***@163.com

      您好,这个应该怎么解决呢

      2022-05-30 12:33

    • 1***@qq.com

      回复 1***@163.com: window.wx=null

      2022-06-22 10:53

    • 2***@qq.com

      回复 1***@qq.com:这行代码在哪里写呢？

      2022-06-30 22:15

    评论 取消
    h***@163.com

    h***@163.com

    在main.js里面设置window.wx={}有效，设置window.wx=null会报错

    2023-05-24 19:50 分享

    • 1***@qq.com

      设置之后，h5可以，app会异常

      2023-06-13 22:07

    • 1***@qq.com

      app有没有解决办法

      2023-06-13 22:08

    评论 取消
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    退出全屏模式 全屏模式 回复
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    |