精华内容
下载资源
问答
  • echarts实现河北地图下钻,可下钻到县级。请使用开发工具打开,直接打来浏览jquery加载json文件会有问题,小白一枚,欢迎大神指导。
  • echarts地图下钻下载

    2021-03-26 06:30:22
    echart地图下钻 ,由全国地图下钻到某省地图, 下载后解压即可 echart地图下钻 ,由全国地图下钻到某省地图, 下载后解压即可
  • highchart下的地图下钻

    2019-02-24 12:03:45
    index页面展示效果,使用highchart的地图下钻,地方是广西,每个市都是对应的饼图数据统计。市级可以下钻到县。 在js文件夹中有china.js(之前echart的全国地图数据),广西的地图json数据
  • echarts地图下钻(全国、省、市)多级下钻,用webstorm导入项目,启动即可呈现效果.
  • 20200925 地图下钻Demo

    2020-10-22 10:30:45
    地图下钻Demo,从省份下钻到城市,点击某一省份下钻到该省份下的城市///////////////////////////
  • ECharts地图下钻县级

    2019-10-24 11:58:53
    ECharts地图下钻 ,由全国地图下钻到县级, 下载后解压即可
  • 地图下钻.rar

    2019-08-27 15:12:11
    echart 地图下钻功能 点击省份 地图下钻到对应省份echart 再点击地级市地图切换到对应的地级市echart 右键时返回上级echart 内含地级市json
  • Echart下钻

    2020-03-07 11:43:42
    echart实现双纵坐标(一数据一百分比),两柱一折,可下钻,直接看源代码,这来就不写教程了,一看便懂,只有一个HTML文件,echart和jq都是引用在线的。 这里啰嗦一下,更多编程学习记得关注我的公众号 源码链接: ...

    echart实现双纵坐标(一数据一百分比),两柱一折,可下钻,直接看源代码,这来就不写教程了,一看便懂,只有一个HTML文件,echart和jq都是引用在线的。

    这里啰嗦一下,更多编程学习记得关注我的公众号

    在这里插入图片描述
    源码链接:
    链接:https://pan.baidu.com/s/1qpbl9_rebjd2mcnp8EOVNg
    提取码:4ozt

    下钻前的展示
    在这里插入图片描述
    下钻后的展示
    在这里插入图片描述

    展开全文
  • 解决highcharts多级下钻问题,下钻过程中使用了多种图例,自带上钻功能 c#,java使用方法一样,demo中使用c#方法实现 vs打开直接可以运行无需连接数据库 大数据下钻可使用异步加载提升性能
  • echarts地图下钻json

    2019-07-01 11:17:01
    中国地图各区域的json文件数据,js实现地图下钻结合echarts的区域json文件。
  • echarts全国map可下钻

    2018-12-21 08:22:32
    echarts全国map可下钻
  • echarts地图下钻Demo

    2020-06-29 11:03:06
    echarts地图实现地区下钻是在一个div元素上展示地图,通过单机的方式对可选的区域进行展开,如(江苏-南京-各个区),到区,县停止;双击返回上一层,返回到中国地图停止;注意点:因为有双击事件,所以要设置鼠标...
  • echarts下钻到县级

    2018-08-24 13:44:38
    echarts下钻到县级的json文件,我也是下载的,可以运行看看
  • echarts下钻到区

    2018-05-03 10:34:42
    echarts3下钻到区,功能强大,定位精准。是一个好工具。
  • echarts地图下钻 省市

    2018-07-13 09:51:30
    echarts地图下钻只是中国地图-省-市,2018年7月13日09:51:20
  • 中国地图三级下钻.rar

    2019-11-08 15:47:52
    由中国地图点击下钻,最多下钻三级,下载后解压打开即可
  • echart省市区三级地图下钻 包含完整的演示代码,单独页面下钻,以及跳转页面。资源包括完整的省市区JS文件和JSON文件
  • echarts省市区多级地图下钻,基于echarts插件的省市区多级地图下钻和返回功能实现
  • 简单的echarts三级下钻,注意下钻的时候,所用的js地图从echarts官网下载即可,下载时起的名字(不是保存的文件名字)要与你下钻时获取的名字一直,否则下钻不了。
  • 地图下钻+散点图

    2018-10-19 16:42:59
    echarts下钻和散点图demo。涉及到了get请求,放到服务器即可。
  • echarts地图三级下钻,山东省地图下钻到市县区三级
  • 经销商分布图,利用highcharts里的highmaps写的世界地图和中国地图,显示区域内经销商的数量,并且根据数量不同显示不同颜色,世界可以下钻到国家,中国可以下钻到县,包含台湾省地图
  • echarts 地图下钻 功能

    2020-10-28 18:03:49
    vue 实现 echarts 地图下钻

    vue 实现 echarts 地图下钻

    安装

    npm install echarts

    // 引入echarts 中国地图
    import echarts from 'echarts'
    import china from 'echarts/map/json/china.json'
    

    还需要下载地图下钻用到的省份和城市数据。github地址:链接
    图片描述

    下载好之后需要在public文件夹下新建一个static文件夹(因为vue默认public目录是根目录),将下载好的文件放入static目录中。

    效果图

    效果图

    echarts

    新建一个echarts组件,引入中国地图。

    import echarts from 'echarts'
    import china from 'echarts/map/json/china.json'
    

    初始化:

     var dom = document.getElementById('left_map')
            this.map = echarts.init(dom)
            let option = this.getMapOpt()
            this.option = option
            if (option && typeof option === 'object') {
                this.map.setOption(option, true)
            }
            this.map.on('click', (param) => {
            })
    

    给地图绑定点击事件。
    思路是在点击echarts时可以获取到地图参数,通过参数名称请求省分下的城市,城市下的地区。

    axios.get('static/' + this.leavel + '/' + provinceAlphabet + '.json').then((s) => {
    })
    

    获取到数据后调用

    echarts.registerMap(provinceAlphabet, data)
    

    注册地图

    处理完数据后调用

    //  option 为拿到城市数据处理后的echarts option
    this.map.setOption(option, true)
    

    这里是从刚刚下载好的citys和province文件夹中读取数据。 this.leavel 的值为citys或province。 provinceAlphabet为文件名称。当this.leavel === 'province’时,provinceAlphabet应为对应省份拼音,返回得结果为城市数据。 当this.leavel === 'citys’时,provinceAlphabet应为城市的地区编码。

    getMapOpt方法:

      // 设置地图数据option
        getMapOpt (place, chartData) {
          let option = (option = {
            visualMap: {
                min: 0,
                max: 1500,
                left: 'left',
                top: 'bottom',
                text: ['Heigh', 'Low'],
                show: false,
                seriesIndex: [1],
                textStyle: {
                    color: 'rgb(136, 215, 253)'
                },
                pieces: [{
                    gte: 1,
                    color: '#0383B4'
                }, {
                    lte: 0,
                    color: '#57B2D9'
                }]
            },
            geo: {
            	//  place的值为省市拼音 china
                map: place ? place : 'china',
                zoom: 1.2,
                label: {
                    normal: {
                        show: true,
                        fontSize: '10'
                    }
                },
                roam: false,
                itemStyle: {
                    normal: {
                        shadowColor: '#276fce',
                        shadowOffsetX: 0.5,
                        shadowOffsetY: 1,
                        color: '#276fce'
                    },
                    emphasis: {
                        areaColor: 'rgb(249, 216, 107)'
                    }
                 }
            },
            series: [
              {
                type: 'scatter',
                coordinateSystem: 'geo',
                data: this.convertData(chartData),
                encode: {
                  value: 2
                },
                symbolSize: 5,
                symbolRotate: 35,
                label: {
                    formatter: '{b}',
                    position: 'right',
                    show: false
                },
                itemStyle: {
                    color: '#F06C00'
                },
                emphasis: {
                    label: {
                        show: true
                    }
                }
            },
            {
                name: 'categoryA',
                type: 'map',
                geoIndex: 0,
                top: '9.7%',
                left: '1%',
                data: [
                    { name: '北京', value: randomValue() },
                    { name: '天津', value: randomValue() },
                    { name: '上海', value: randomValue() },
                    { name: '重庆', value: randomValue() },
                    { name: '河北', value: randomValue() },
                    { name: '河南', value: randomValue() },
                    { name: '云南', value: randomValue() },
                    { name: '辽宁', value: randomValue() },
                    { name: '黑龙江', value: randomValue() },
                    { name: '湖南', value: randomValue() },
                    { name: '安徽', value: randomValue() },
                    { name: '山东', value: randomValue() },
                    { name: '新疆', value: randomValue() },
                    { name: '江苏', value: randomValue() },
                    { name: '浙江', value: randomValue() },
                    { name: '江西', value: randomValue() },
                    { name: '湖北', value: randomValue() },
                    { name: '广西', value: randomValue() },
                    { name: '甘肃', value: randomValue() },
                    { name: '山西', value: randomValue() },
                    { name: '内蒙古', value: 0 },
                    { name: '陕西', value: randomValue() },
                    { name: '吉林', value: randomValue() },
                    { name: '福建', value: randomValue() },
                    { name: '贵州', value: randomValue() },
                    { name: '广东', value: randomValue() },
                    { name: '青海', value: randomValue() },
                    { name: '西藏', value: randomValue() },
                    { name: '四川', value: randomValue() },
                    { name: '宁夏', value: randomValue() },
                    { name: '海南', value: randomValue() },
                    { name: '台湾', value: randomValue() },
                    { name: '香港', value: randomValue() },
                    { name: '澳门', value: randomValue() }
                ]
            },
            //  地图点的动画效果
                            type: 'effectScatter',
                            coordinateSystem: 'geo',
                            data: this.convertData(chartData),
                            symbolSize: 5,
                            showEffectOn: 'render',
                            rippleEffect: {
                                brushType: 'stroke'
                            },
                            hoverAnimation: true,
                            label: {
                                normal: {
                                    formatter: '{b}',
                                    position: 'right',
                                    show: false
                                }
                            },
                             itemStyle: {
                    color: '#F06C00'
                },
                zlevel: 1
               }
            ]
          })
          return option
        },
    
    
    展开全文
  • echarts地图下钻至省

    2018-08-29 12:15:22
    全国各省地图下钻,html5demo,简单实用,适用于echarts的geo类型地图
  • 中国地图Excel版,点击省份可以下钻,地图上没有省份名称,省份名称在左侧列表显示,用户有能力可以自己编辑脚本。
  • 中国地图三级下钻

    2018-08-15 16:32:03
    本地图是中国省份地图下钻三级(中国地图 --> 省 --> 市);
  • echart地图下钻数据.rar

    2019-12-13 09:51:36
    echarts地图下钻(包含钓鱼岛信息)亲测可以正常使用。有问题可以留言
  • Echart省市区地图下钻

    2018-04-10 14:41:34
    echart官方例子源码,从省份下钻到地市再到区县,很好的一个资源
  • echarts中国地图下钻至县级,直辖市下探2级自动返回,可实现定制化需求.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,486
精华内容 2,194
关键字:

下钻