echarts解决geo中热力图不支持tooltip

缺乏、安全感 2022-12-28 06:59 427阅读 0赞

*  1.可以在地图上标scatter图表,颜色透明度为0
 *  2.也可以增加一个图标类型为map,注意热力图和层级(zlevel)得高一些

var option = { 
            tooltip: { },
            geo: { 
                map: '江苏'
            },
            visualMap: { 
                show: false,
                min: 0,
                max: 20,
                calculable: true,
                realtime: false,
                inRange: { 
                    color: ['#eac736', '#fffc00', '#ff2600']
                },
            },
            series: [
                { 
                    name: '',
                    type: 'heatmap',
                    blurSize: 5,
                    minOpacity: 0.03,
                    coordinateSystem: 'geo',
                    data: arr,
                    zlevel: 99,
                },
                { 
                    name: '', // series名称
                    type: 'scatter', // series图表类型
                    coordinateSystem: 'geo', // series坐标系类型
                    symbolSize: 20,
                    itemStyle: { 
                        opacity  : 0,
                    },
                    data: arr
    
                },
                { 
                    type: "map",
                    map: '江苏',
                    zoom: 1.2,
                    data: arr2, //arr2只要name不要value,加了value颜色不对.可以设置其他属性
                    zlevel: 10,
    
                }
    
            ],
    
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，427人围观）

还没有评论，来说两句吧...

相关阅读

相关 java 热力图,热力图

根据热力图也可以看出数据表里多个特征的两两相似程度。 ![AAffA0nNPuCLAAAAAElFTkSuQmCC][] image.png import numpy a

浅浅的花香味﹌/ 2023年01月15日 13:28/ 0 赞/ 199 阅读

相关 echarts解决geo中热力图不支持tooltip

1.可以在地图上标scatter图表,颜色透明度为0 2.也可以增加一个图标类型为map,注意热力图和层级(zlevel)得高一些 var option

缺乏、安全感/ 2022年12月28日 06:59/ 0 赞/ 428 阅读

相关 python热力图

其实之前网上有很多代码主要是记录一下，首先是对日期的处理，把csv里面的日期，转换成python可以识别的日期，之后又把它转换成月份/日期我的数据是第一列为日期，其他列

今天药忘吃喽~/ 2022年10月21日 03:50/ 0 赞/ 289 阅读

相关 Leaflet绘制热力图

> 时下用的最多的开源二维webgis引擎应该是openlayers与leaflet了，leaflet因其轻量、灵活性得到了越来越多的应用。并且leaflet的插件也非常多，综

╰+攻爆jí腚メ/ 2022年08月22日 03:57/ 0 赞/ 431 阅读

相关 Echarts中3D地图热力图

3D地图中的热力图就是把3D地图和热力图进行结合，实现在3D地图中进行热力图的显示，具体主要代码如下（框架是Angular，引入Echarts插件之后，地图插件也引入之后）：

Myth丶恋晨/ 2022年05月10日 18:36/ 0 赞/ 2163 阅读

相关 Origin绘制热力图

文章目录数据格式 Origin绘图数据格式在写论文时，经常用到热力图。以下为我的数据格式： ![在这里插入图片描述][watermark_t

心已赠人/ 2022年02月22日 16:24/ 0 赞/ 2652 阅读

相关 [cesium] 绘制热力图

效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

Love The Way You Lie/ 2021年12月10日 11:45/ 0 赞/ 1216 阅读

相关 openlayer展示热力图

一，安装openlayer cnpm i -S ol 二，  <template> <div class="

r囧r小猫/ 2021年07月26日 02:29/ 0 赞/ 630 阅读

相关 vue+echarts实现热力图

例1：  <template> <div id="myChart" style="width:1500px;heig

迈不过友情╰/ 2021年07月25日 12:33/ 0 赞/ 2478 阅读

相关 echarts热力图操作集合

echarts热力图操作集合一、4.X版本 1、修改热力图显示的颜色 visualMap里面添加一个inRange配置项，就可以操控热力区域的渐变颜色了，示

傷城~/ 2021年07月24日 14:27/ 0 赞/ 1621 阅读