美文网首页
3.echarts地图

3.echarts地图

作者: 半生_温暖纯良_Junzer | 来源:发表于2020-06-30 09:53 被阅读0次

1.地图不显示

https://www.cnblogs.com/wxqworld/p/11458529.html

2.地图颜色垂直条

 legend: {
          show: false,  // 不显示 但内设置有效 === display: none
          orient: 'vertical',
          left: 'left',
          data: ['iphone3', 'iphone4', 'iphone5']
        },
        visualMap: { // 地图颜色垂直条
          min: 0,
          max: 2500,
          left: 'left',
          top: 'bottom',
          text: ['高', '低'], // 文本,默认为数值文本
          calculable: true
        },
地图颜色垂直条

2.1控制地图颜色

 visualMap: { // 地图颜色垂直条
          min: 0,
          max: 2500,
          inRange: { // 控制地图颜色
            color: ['lightskyblue', 'yellow', 'orangered']
          },
控制地图颜色

2.2tooltip移入显示存在多个series

https://blog.csdn.net/weixin_30729609/article/details/95301655

   tooltip: { // 移入显示
          trigger: 'item',  // 触发方式
          confine: true,
          formatter: (params, ticket, callback) => { // 自定义提示信息
            // 定义一个res变量来保存最终返回的字符结果,并且先把地区名称放到里面
            var res = params.name + '<br />'
            // 定义一个变量来保存series数据系列
            var myseries = option.series
            // 循环遍历series数据系列
            for (var i = 0; i < myseries.length; i++) {
              // 在内部继续循环series[i],从data中判断:当地区名称等于params.name的时候就将当前数据和名称添加到res中供显示
              for (var k = 0; k < myseries[i].data.length; k++) {
                // console.log(myseries[i].data[k].name);
                // 如果data数据中的name和地区名称一样
                if (myseries[i].data[k].name === params.name) {
                  // 将series数据系列每一项中的name和数据系列中当前地区的数据添加到res中
                  res += myseries[i].name + ':' + myseries[i].data[k].value + '<br />'
                }
              }
            }
            return res
          }
        },

相关文章

  • 3.echarts地图

    1.地图不显示 https://www.cnblogs.com/wxqworld/p/11458529.html ...

  • 随手记

    1.element-ui中撤销单选 2.阻止表单提交 3.echarts图表鼠标移动展示弹窗样式自定义 4.记录用...

  • 日常积累

    1.一维数组变为二维数组方法 2.获取元素距离视口的位置 3.echarts 标线 4.echarts forma...

  • Tableau背景地图

    无背景地图 脱机背景地图 在线背景地图—普通 在线背景地图—浅色 在线背景地图—黑色

  • 地图产品开发必备知识

    成熟的地图平台有谷歌地图、百度地图、腾讯地图、高德地图等。 学习了解地图API,包括JavaScript API、...

  • 地图集成调研

    地图集成调研 主要地图API有百度地图、高德地图、腾讯地图、搜狗地图(android、IOS暂不开放)。 百度地图...

  • 导航页 | 范例

    搜索站点 秘迹搜索百度一下搜狗搜索360搜索 地图站点 搜狗地图高德地图百度地图腾讯地图360地图地图窝_地图册高...

  • 全球地图名单

    国内地图 1、百度地图2、高德地图3、腾讯地图4、搜狗地图 在国外可以使用的地图软件有: 1、谷歌地图。 谷歌的全...

  • iOS-MapKit文集目录

    前言 MapKit框架的导入 地图展示地图的基本使用-地图显示地图的中级使用-用户追踪地图高级-大头针基本使用地图...

  • 百度地图

    IOS第三方地图 百度地图高德地图腾讯地图苹果自带地图谷歌地图(中国屏蔽了) 接下来我们说一下百度地图百度地图SD...

网友评论

      本文标题:3.echarts地图

      本文链接:https://www.haomeiwen.com/subject/whutqktx.html