Highcharter绘制中国地图
刚发现segmantfault不支持iframe,绘图效果可以在这"Highcharter绘制中国地图"查看。
Highmaps数据
在Highmaps data上可以获取Highmaps的全部数据列表,其中关于中国的数据有三条。中国(只包括中国大陆)、中国(中国大陆、香港、澳门)、中国(中国大陆、香港、澳门、台湾)。如果统计中国数据,我们当然是只用第三条数据。
Highmaps数据分为json和js,都可以回来绘制Highmaps。
json数据
Chinajson_file <- "data/Highmaps-data/cn-all-sar-taiwan.geo.json"
Chinajson <- jsonlite::fromJSON(Chinajson_file, simplifyVector = FALSE)
Chinajson <- geojsonio::as.json(Chinajson)
js数据
Chinajs_file <- "data/Highmaps-data/cn-all-sar-taiwan.js"
Chinajs <- readLines(Chinajs_file, warn = FALSE, encoding = "UTF-8")
Chinajs[1] <- gsub(".* = ", "", Chinajs[1])
Chinajs <- paste(Chinajs, collapse = "\n")
Chinajs <- jsonlite::fromJSON(Chinajs, simplifyVector = FALSE)
演示数据
n <- 20
z <- sample(1:n)
sequences <- purrr::map2(1:n, z, function(x, y){ ifelse(x == 1:n, y, 0) })
df <- data.frame(lat = runif(n, 20, 45),lon = runif(n, 80, 120),z = z,color = colorize(z),sequence = sequences
)hp_df <- read.csv("data/Highmaps-data/map_example.csv", stringsAsFactors = FALSE)
names(hp_df) <- c("hc-key", "value")
knitr::kable(head(hp_df))
地图
点图
highchart(type = "map") %>%hc_add_series(mapData = Chinajson, showInLegend = FALSE) %>%hc_add_series(data = df, type = "mappoint",dataLabels = list(enabled = FALSE),name = "演示数据")
<iframe src="https://jeevanyue.github.io/p...; style="border: none; width: 100%; height: 600px;"> </iframe>
气泡图
highchart(type = "map") %>%hc_add_series(mapData = Chinajson, showInLegend = FALSE) %>%hc_add_series(data = df, type = "mapbubble",minSize = 0, maxSize = 30,dataLabels = list(enabled = FALSE),name = "演示数据")
<iframe src="https://jeevanyue.github.io/p...; style="border: none; width: 100%; height: 600px;"> </iframe>
地区分布
通过js数据绘制
## js地图数据需要跟展示的数据一起通过hc_add_series导入
highchart(type = "map") %>%hc_add_series(mapData = Chinajs, showInLegend = TRUE, name = "演示数据",data = hp_df, joinBy = "hc-key") %>% hc_colorAxis(auxpar = NULL)
通过json数据绘制
highchart(type = "map") %>%hc_add_series(mapData = Chinajson, showInLegend = FALSE, name = "演示数据",data = hp_df, joinBy = "hc-key") %>% hc_colorAxis(auxpar = NULL)
<iframe src="https://jeevanyue.github.io/p...; style="border: none; width: 100%; height: 600px;"> </iframe>
地图汉化
name_cn <- read.csv("data/Highmaps-data/name_cn.csv",stringsAsFactors = FALSE)Chinajs_chinese_file <- "data/Highmaps-data/cn-all-sar-taiwan_chinese.js"
Chinajs_chinese <- readLines(Chinajs_chinese_file, warn = FALSE, encoding = "UTF-8")
Chinajs_chinese[1] <- gsub(".* = ", "", Chinajs_chinese[1])
Chinajs_chinese <- paste(Chinajs_chinese, collapse = "\n")
Chinajs_chinese <- jsonlite::fromJSON(Chinajs_chinese, simplifyVector = FALSE)highchart(type = "map") %>%hc_add_series(mapData = Chinajs_chinese, showInLegend = TRUE, name = "演示数据",data = hp_df, joinBy = "hc-key") %>% hc_colorAxis(auxpar = NULL)
<iframe src="https://jeevanyue.github.io/p...; style="border: none; width: 100%; height: 600px;"> </iframe>
参考
- Highcharts JS Options Reference
- Highmaps data
- highcharter
- Thinking in highcharter - How to build any Highcharts plot in R
- Select option export in hc_exporting()
Highcharter绘制中国地图相关推荐
- 使用raphael.js绘制中国地图
最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作.在本文中,我给大 ...
- qcustomplot绘制热力图瀑布图_使用REmap绘制中国地图
上次我们介绍了使用ggplot2绘制中国热力地图,需要温习的同学可以点击以下链接 使用ggplot2绘制中国地图 .在使用ggplot2绘制的时候,需要进行数据处理的步骤比较多,今天我们介绍一个新的 ...
- Ant Design Charts绘制中国地图并动态添加标记点
绘制中国地图并动态添加标记点,在这里使用的是antd charts绘制,需要求只显示中国地图,并且跟踪物流信息 使用组件地址: 图表 - Plot | Ant Design Charts 这里的引入方 ...
- Basemap绘制中国地图
2022.06.02更新 CHN_adm_shp.zip 网盘下载链接: 链接:https://pan.baidu.com/s/11igf-bfDLuolI5HzEykzMw 提取码:oas6 201 ...
- [Echarts可视化] 一.入门篇之简单绘制中国地图和贵州地区
最近发生了很多事情,去到了一个新环境学习.但是不论在哪里,我都需要不忘初心,坚持做自己喜欢的事情,在CSDN写博客.教学.爱娜.生活等等. 这篇文章主要是通过Echarts可视化介绍入 ...
- 【Python 实战基础】 如何绘制中国地图展示省份GDP数据
目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 循环遍历 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景: 如何绘制中国地图展 ...
- echarts 绘制中国地图(中英文转换)
echarts 绘制中国地图 1.引入echarts npm install echarts import echarts from 'echarts' 2.引入地图china.js(网上自行搜索下载 ...
- vue中使用echarts绘制中国地图
首先需要一个绘制中国地图的json文件(资源还在审核,审核过后会重新贴上来) 1.首先引入echarts和json文件,在需要的地方引即可 import echarts from 'echarts'; ...
- vue使用echarts绘制中国地图
vue使用echarts绘制中国地图 //myMap.vue <div id="geo"></div>//china.js下载地址 https://down ...
- vue使用echarts来绘制中国地图下钻省市区县级地图
文章目录 前言 一.echarts 二.使用步骤 1.vue安装.引入echarts 2.使用echarts 总结 前言 公司需要一个中国地图点击可进入省市区县级,但是在我使用echarts绘制中国地 ...
最新文章
- luogu P1231 教辅的组成(建图、拆点、最大流)
- jquery动画顺序执行_jquery怎样设置才能做完上一步动画再执行下一步
- 为什么使用HashMap需要重写hashcode和equals方法_为什么要重写hashcode和equals方法?你能说清楚了吗...
- python开发范围_Python上的字母范围
- 中国风春节传统文化海报插画为载体的素材
- Codeforces Round #401 (Div. 2) E. Hanoi Factory 栈
- 学习笔记day1-计算机介绍
- 410.分割数组的最大值
- php毕设周记_毕设周记(一)
- 基于 MPC 控制算法的自适应巡航系统的研究
- Unity实战篇:实现LOL英雄的移动方式。
- Apollo算法阅读之基于Sqp的Referenceline全局参考路线优化(含源码)
- c#物联网_毕业季我与你招聘信息中移物联网
- LeetCode面试热题十二
- SET NAMES utf8mb4
- ARP和RARP协议工作原理
- 汇编语言(王爽第三版)笔记
- js下载get请求返回的文件流(请求头携带token)
- RESTful Web Service 架构剖析
- 创业公司 Logo 设计指南