投稿：echarts4r: 从入门到应用 袁凡

[XiangyunHuang]

非常感谢您的PR, 如果您是在为主站投稿, 请将PR的标题改为"投稿:标题+作者的形式",如:
"投稿: 数据通灵术 杜亚磊"
并保留下面的内容.

• 投稿者请注意
  • 主编审核确认接收
  • 主编安排审稿人
  • 审稿、修改

至此，投稿部分的工作结束

• 编辑部分工作
  • 文字编辑做校对工作。需校对文章分类，目前的文章分类包括：COS访谈，R会议，R语言，推荐文章，新闻动态，机器学习，统计之都，统计图形，统计应用，统计模型，统计计算，统计软件，职业事业。不得擅自增加分类。
  • 微信编辑、发布，阅读原文附主站链接，文末附作者介绍
  • 论坛帖子负责人发帖，粘贴链接，提供 forum_id 加入文章
  • 合并 PR，发布文章

投稿指南在这里，有任何问题，可以直接在PR留言，其他问题请联系: editor@cos.name。

[XiangyunHuang]

第一篇真正意义上的纯 R Markdown 格式的投稿，详细介绍交互式统计图形的绘制方法。

麻烦益辉@yihui 确认一下，我编辑文章的姿势是否正确？根据 #913 指示将文件全部上传后，有大量的子文件，另外 layouts/shortcodes/ 目录下多了个叫 blogdown 的文件夹。

[XiangyunHuang]

主编 @yufree 为减少一些沟通成本，审稿和主站编辑都我来弄吧，感谢 @earfanfan 投稿！

文章预览链接 https://deploy-preview-1004--physicist-ralph-51373.netlify.app/2021/12/introduction-to-echarts4r/

[yihui]

@XiangyunHuang 是对的。blogdown 文件夹也是必需的。

这篇文章生成的依赖文件数量恐怕是空前绝后了，近 300。不过这也没办法。

[XiangyunHuang]

@XiangyunHuang 是对的。blogdown 文件夹也是必需的。

好的，那以后遇到 Rmd 投稿，也这么弄了。至于文件依赖数量，看益辉 @yihui 能否在 blogdown 里支持自包含的模式，类似 rmarkdown::html_document(self_contained=TRUE, ...)，让渲染出来的网页文件就一个大的 HTML，这应该能治愈很多爱干净的强迫症患者，比如我。

[yihui]

自包含的意义不大，反而会拖慢页面加载速度。浏览器可以缓存外置依赖，所以那些外部文件通常只需要在第一次打开页面的时候下载一次，以后（近期）再打开页面就不用重复下载了。如果全部编码到一个大 .html 文件里，那每次稍微修改一下文字内容再打开页面都要下载所有内容。

[XiangyunHuang]

明白了，另外有一个问题，我发现YAML里设置 toc: true 不能生成目录，对于这种长篇文章，我想加个目录，方面以后跳转参考。

[yihui]

两条路：

1. 如果 .Rmd 生成 .html 的话，搜 toc：https://bookdown.org/yihui/blogdown/output-format.html
2. 如果 .Rmd 生成 .md 的话，设置 blogdown.method = 'markdown'：https://bookdown.org/yihui/blogdown/global-options.html 因为你没有设置，所以默认走的是第一条路。

你说的设置 toc: true 只对 2 有效。1 的目录是通过 Pandoc 生成的；2 是 Goldmark 生成的。

[XiangyunHuang]

本文有很多交互式的内容，我还是选择道路 1，目前已经加上了，收工睡觉 😂 。

[earfanfan]

没能直接使用百度地图，我猜是因为调用百度地图要花钱

[XiangyunHuang]

@earfanfan 目前进入考试季，本文微信端编辑的工程量又比较大，微信端的编辑工作预计要等同学们考完试以后开始了。BTW,当然，从丰富的文章内容、主站最灵活最前沿的编辑和投稿方式，编辑本文的同学应该也能学到不少东西。

[XiangyunHuang]

@earfanfan 关于地图那块，我们可以使用自己的数据作为背景底图，感觉这篇文章 https://zhuanlan.zhihu.com/p/25634886 写的很好，基本把我司关于地图的使用规范都放进来了，而且作者最后提供了一份地图数据。最后，我想了想，地图不要去掉，也不能不给出正确的绘图方法，因为需求很大，而且将正确的绘图姿势给到大家，可以借助统计之都的大平台以正视听，对社会有非常积极的作用。

[earfanfan]

@XiangyunHuang 有道理。反正同学们编辑公众号也还要等很久，我会抽空琢磨下正确的画中国地图的姿势。若你有空，也可鼓捣下。

[XiangyunHuang]

结合论坛的讨论，地图算是合规了，只是还有待改进空间。另外，我发现 3.5.2. 地图上连线（lines） 小节里面的地图上的连线有问题，应该是坐标和地图的参考系不同，需要辛苦 @earfanfan 再改下，让线两头的位置和地图上呈现的位置相符。

[earfanfan]

@XiangyunHuang
我猜你猜得对，应该把那一节举例数据里的坐标改成和Json文件里的坐标一样就可以了。

预览地址还是之前那个吗？

[XiangyunHuang]

@earfanfan 仅提供一些背景信息供参考：高德地图采用的是火星坐标系（是国测局标准，在 GPS 坐标上做不可逆的加密），我不清楚 echarts4r 内置的地图采用何种坐标系，看这不合规的地图极有可能是资本主义世界提供的，而他们通用的是 GPS 坐标系。

[XiangyunHuang]

预览地址还是之前那个吗？

还是之前那个，不会变的。

[XiangyunHuang]

审稿修改终于完成了，微信端可视情况拆分为多篇文章，辛苦 @Ryanna-github 后续安排人手

[XiangyunHuang]

今天无意间翻到几篇旧文，作者们 @yihui @yixuan 研究都很深，一晃10多年过去了，到 2023 年底 maptools 等几个R包都要停更了！

• https://cosx.org/2009/07/drawing-china-map-using-r
• https://yihui.org/cn/2008/10/avoid-label-overlap-pointlabel-in-maptools/
• https://yihui.org/cn/2008/10/china-map-and-city-locations-with-r/

[earfanfan]

今天无意间翻到几篇旧文，作者们 @yihui @yixuan 研究都很深，一晃10多年过去了，到 2023 年底 maptools 等几个R包都要停更了！

• https://cosx.org/2009/07/drawing-china-map-using-r
• https://yihui.org/cn/2008/10/avoid-label-overlap-pointlabel-in-maptools/
• https://yihui.org/cn/2008/10/china-map-and-city-locations-with-r/

其实上个月你建议我加上南海九段线的时候，我就想着不知道统计之都历史文章有没有加，然后就把这几篇翻出来看过。不过我又想着作者们已经去攀登别的高峰了，恐怕没时间回头填这个小坑了……

[XiangyunHuang]

小范围说下，我正在写一篇地理可视化的文章准备填一填里面的坑。

[earfanfan]

小范围说下，我正在写一篇地理可视化的文章准备填一填里面的坑。

哎哟，不错哦。加油，我很期待。

[XiangyunHuang]

目前，暂缺这种样式的地图数据，就是南海诸岛单独有一块放在图片右下角。下面图片来自 https://voice.baidu.com/act/newpneumonia/newpneumonia/

感谢 @earfanfan 提供线索

百度似乎不提供矢量地图数据下载了。

参考 https://echarts.apache.org/zh/download-map.html

ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。
建议大家使用以百度地图为底图的形式，参考例子。

但是，https://voice.baidu.com/act/newpneumonia/newpneumonia/ 里面的地图数据是来自百度的。

求助，有看到国家什么机关部门提供矢量地图数据吗？ @yihui @earfanfan

[yihui]

这个我不知道啊。如果实在挖不到数据，那么也许可以从现有的矢量图里逆向工程出来。

[Ryanna-github]

@earfanfan 微信端编辑已完成，分为上下两篇，预览：echarts4r: 从入门到应用（上），echarts4r: 从入门到应用（下），碍于推送限制，交互式图表编辑录制短的gif代替，取消目录因为微信无法直接跳转，请作者检查。

[XiangyunHuang]

微信正文中有几处参考文献引用 [@echarts4r] 和 [@blogdown2017]，因为微信也不支持参考文献引用跳转，就去掉吧，文末有参考文献列表就可以了。

[XiangyunHuang]

我刚合并到主库了，主站可以看到了，文章的正式链接是 https://cosx.org/2021/12/introduction-to-echarts4r/ 可以放到微信里链接到主站。

[XiangyunHuang]

@Perfectizer 辛苦发个贴？

[XiangyunHuang]

这个我不知道啊。如果实在挖不到数据，那么也许可以从现有的矢量图里逆向工程出来。

我刚找到一个网站有数据，但是它不保证地图数据权威可靠，且不承担任何责任！我准备把统计局、民政局、地理信息局找一遍，这三个地方要都没有就不找了。

[earfanfan]

@XiangyunHuang
找到一个像是民政部的数据：http://xzqh.mca.gov.cn/data/quanguo.json，http://xzqh.mca.gov.cn/data/quanguo_Line.geojson

library(sf)

API_pre = "http://xzqh.mca.gov.cn/data/"
## 1.全国
#http://xzqh.mca.gov.cn/data/quanguo.json
China = st_read(dsn = paste0(API_pre, "quanguo.json"),
                stringsAsFactors = FALSE)
st_crs(China) = 4326

# 2.国境线
#http://xzqh.mca.gov.cn/data/quanguo_Line.geojson
China_line = st_read(dsn = paste0(API_pre, "quanguo_Line.geojson"),
                     stringsAsFactors = FALSE)
st_crs(China_line) = 4326

[earfanfan]

@XiangyunHuang @Ryanna-github
两位好，我刚发现原稿中有两处错别字：

1.正文第一段第三句话，

Apache ECharts 是一个基于 JavaAcript 的开源可视化图表库

这里我把 JavaScript 错写成 JavaAcript 了。

2.第3.3.节的第一段代码

size = Temperature, # 点的大笑

这里我把 ‘大小’ 错写成 ‘大笑’ 了……

微信端的文章有几处小细节：

1.第1章的‘注2’句子后面多了个‘:::’。

2.第2.4.2节

笔者复现了一个Echarts 官网的例子，更多定义方式还是得去翻echarts官网对富文本的介绍。

这句应统一写成‘Echarts 官网’，并且后半句英文和中文之间没有用空格隔开。

3.原稿中有几处地方放了官网链接的，微信端可以看看怎么把这些链接加在原文上么
如 echarts4r 包官网：https://echarts4r.john-coene.com/
Echarts 官网：https://echarts.apache.org/examples/zh/index.html
阿里 DataV 数据可视化平台：http://datav.aliyun.com/portal/school/atlas/area_selector

[XiangyunHuang]

@earfanfan 主站已经同步修改了。

[XiangyunHuang]

你的数据源倒是权威的，只是这已经在文章有类似权威的了，现在想要的是上图中的地图数据，而不是下图这种的。

下图来自你给的 http://xzqh.mca.gov.cn/data/quanguo.json

[earfanfan]

@XiangyunHuang
明白，你想要的只是把南海和九段线作为小图放大公鸡旁边的。我且留意着哈。

[Ryanna-github]

微信端已更新：echarts4r: 从入门到应用（上），echarts4r: 从入门到应用（下），修改错别字，添加资源链接，取消文内 [@echarts4r] 等，修改原文地址。如果没有其他问题计划今晚发送~

[earfanfan]

我刚摸鱼把微信端文章看了一遍，发现下篇的正文第一段第三句话的错别字没改过来，还是JavaAcript。
除此以外，没别的了。

又摸鱼去主站瞅了眼，发现有缩略图的那个页面上，也还是JavaAcript。

[Ryanna-github]

font{ line-height: 1.6; } ul,ol{ padding-left: 20px; list-style-position: inside; } 疏忽了抱歉~微信改好了，上篇今晚8点发送，下篇明后天发送 1609532549 ***@***.*** 签名由 网易邮箱大师 定制 在2022年1月21日 ***@***.***> 写道： 我刚摸鱼把微信端文章看了一遍，发现下篇的正文第一段第三句话的错别字没改过来，还是JavaAcript。 除此以外，没别的了。 又摸鱼去主站瞅了眼，发现有缩略图的那个页面上，也还是JavaAcript。 —Reply to this email directly, view it on GitHub, or unsubscribe.Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you were mentioned.Message ID: ***@***.***>

[XiangyunHuang]

小范围说下，我正在写一篇地理可视化的文章准备填一填里面的坑。

这个坑填完了，链接在这 地区分布图及其应用 地理可视化涉及的其它图形种类，用文中介绍的一些 R 包也可以实现，限于篇幅和时间精力，不能一一去介绍，仅以地区分布图为例。