刚发现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绘制中国地图相关推荐

  1. 使用raphael.js绘制中国地图

    最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作.在本文中,我给大 ...

  2. qcustomplot绘制热力图瀑布图_使用REmap绘制中国地图

    上次我们介绍了使用ggplot2绘制中国热力地图,需要温习的同学可以点击以下链接 使用ggplot2绘制中国地图  .在使用ggplot2绘制的时候,需要进行数据处理的步骤比较多,今天我们介绍一个新的 ...

  3. Ant Design Charts绘制中国地图并动态添加标记点

    绘制中国地图并动态添加标记点,在这里使用的是antd charts绘制,需要求只显示中国地图,并且跟踪物流信息 使用组件地址: 图表 - Plot | Ant Design Charts 这里的引入方 ...

  4. Basemap绘制中国地图

    2022.06.02更新 CHN_adm_shp.zip 网盘下载链接: 链接:https://pan.baidu.com/s/11igf-bfDLuolI5HzEykzMw 提取码:oas6 201 ...

  5. [Echarts可视化] 一.入门篇之简单绘制中国地图和贵州地区

    最近发生了很多事情,去到了一个新环境学习.但是不论在哪里,我都需要不忘初心,坚持做自己喜欢的事情,在CSDN写博客.教学.爱娜.生活等等.         这篇文章主要是通过Echarts可视化介绍入 ...

  6. 【Python 实战基础】 如何绘制中国地图展示省份GDP数据

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 循环遍历 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景: 如何绘制中国地图展 ...

  7. echarts 绘制中国地图(中英文转换)

    echarts 绘制中国地图 1.引入echarts npm install echarts import echarts from 'echarts' 2.引入地图china.js(网上自行搜索下载 ...

  8. vue中使用echarts绘制中国地图

    首先需要一个绘制中国地图的json文件(资源还在审核,审核过后会重新贴上来) 1.首先引入echarts和json文件,在需要的地方引即可 import echarts from 'echarts'; ...

  9. vue使用echarts绘制中国地图

    vue使用echarts绘制中国地图 //myMap.vue <div id="geo"></div>//china.js下载地址 https://down ...

  10. vue使用echarts来绘制中国地图下钻省市区县级地图

    文章目录 前言 一.echarts 二.使用步骤 1.vue安装.引入echarts 2.使用echarts 总结 前言 公司需要一个中国地图点击可进入省市区县级,但是在我使用echarts绘制中国地 ...

最新文章

  1. luogu P1231 教辅的组成(建图、拆点、最大流)
  2. jquery动画顺序执行_jquery怎样设置才能做完上一步动画再执行下一步
  3. 为什么使用HashMap需要重写hashcode和equals方法_为什么要重写hashcode和equals方法?你能说清楚了吗...
  4. python开发范围_Python上的字母范围
  5. 中国风春节传统文化海报插画为载体的素材
  6. Codeforces Round #401 (Div. 2) E. Hanoi Factory 栈
  7. 学习笔记day1-计算机介绍
  8. 410.分割数组的最大值
  9. php毕设周记_毕设周记(一)
  10. 基于 MPC 控制算法的自适应巡航系统的研究
  11. Unity实战篇:实现LOL英雄的移动方式。
  12. Apollo算法阅读之基于Sqp的Referenceline全局参考路线优化(含源码)
  13. c#物联网_毕业季我与你招聘信息中移物联网
  14. LeetCode面试热题十二
  15. SET NAMES utf8mb4
  16. ARP和RARP协议工作原理
  17. 汇编语言(王爽第三版)笔记
  18. js下载get请求返回的文件流(请求头携带token)
  19. RESTful Web Service 架构剖析
  20. 创业公司 Logo 设计指南

热门文章

  1. 面试必问的 Redis:数据结构和基础概念
  2. 计算机专业小米笔记本推荐,小米笔记本哪款好
  3. C# Udp测试工具开发
  4. golang微信小程序爬虫教程offer秀
  5. 【智能优化算法】基于混合布谷鸟算法和灰狼算法求解带单目标优化问题附matlab代码
  6. 渗透测试流程-全(仅供学习,知识分享)
  7. kali Linux渗透测试教程.pdf
  8. vue CAD-dwg格式文件预览
  9. Swift5.2 Extension(工具类)
  10. TextView属性总结,简单的控件也可以很复杂