zoukankan      html  css  js  c++  java
  • echarts4河北省地图

    我的网盘----平复-----总结版本map

    部分代码:

    var option = {
                tooltip : {
                    trigger: 'item', //提示框的触发类型。
                     formatter: '<div style="padding:8px"><p class="map_p">当日挂号:<span >'+map_num+'</span></p><p class="map_p">当日门诊量:<span>'+map_num+'</span></p><p>当日转诊量:<span>'+map_num+'</span></p></div>'
                },
                series: [
                    {
    
                        type: 'effectScatter',
                        coordinateSystem: 'geo',
                        symbolSize: 6,
                        itemStyle: {
                            normal: {
                                color: '#1a97b1',
                            },
                        },
                        data: cityAddress1
                    }, {
    		            name: 'categoryA',//用于自动弹出提示信息,配合dispatchAction使用
    		            type: 'map',
    		            geoIndex: 0,
    		            data:[
    		                {name: '石家庄', },
    		                {name: '保定', },
    		                {name: '张家口', },
    		                 {name: '承德', },
    		                {name: '秦皇岛', },
    		                {name: '唐山', },
    		                 {name: '廊坊', },
    		                {name: '沧州', },
    		                {name: '邯郸', },
    		                 {name: '衡水', },
    		                {name: '邢台', },
    		            ]
    		        }, {
                        type: 'effectScatter',
                        coordinateSystem: 'geo',
                        symbolSize: 6,
                        itemStyle: {
                            normal: {
                                color: '#dc863c',
                            },
                        },
                        data: cityAddress2
                    }
                ],
                geo: {
                    map: '河北',
                    zoom:1.12,
                    label: {
                        normal: {
                            show: true,
                            position: 'right',
                            textStyle: {
    		                    color: '#d8d8d8',
    		                    fontSize:14
    		                }
                        },
                        emphasis: {
                            textStyle: {
                                color: '#fff',
                            }
                        }
                    },
                    itemStyle: {
                        normal: {
                            borderColor: '#389BB7',
                            areaColor: '#004878',
                        },
                        emphasis: {
                            areaColor: '#18a8d8',
                            borderWidth: 0,
                        }
                    },
                    regions: [{
                	    name: firstCity,
                	    itemStyle: {
    	                    normal: {
    	                        areaColor: '#18a8d8'
    	                    }
                        }
                    }],
                    animation: false,
                },
            };
            myChartMap.setOption(option);
    

      

  • 相关阅读:
    如何作需求
    AS400如何将Spooled File 拷贝到源物理文件
    AS400 批量FTP
    Oracle和db2/400的差别
    CL内建函数
    visio如何扩大画布的大小
    如何把C/S架构较为平滑的切换到SOA架构
    关于DataTable里大批量查找的更快速的方法
    c#键值对容器
    什么是委托
  • 原文地址:https://www.cnblogs.com/beimingbingpo/p/8391906.html
Copyright © 2011-2022 走看看