v,,p--n现在都被禁了

查看: 4494|回复: 13
V==P ==N 从此不能用了,你该怎么翻墙?
主题广告币积分
中级会员, 积分 480, 距离下一级还需 720 积分
中级会员, 积分 480, 距离下一级还需 720 积分
《环球时报》英文网报道,中国已开始屏蔽外国科学上网服务。科学上网供应商Astrill通知用户,因防火长城升级,使用IPSec、L2TP/IPSec和PPTP协议的设备无法访问它的服务,受影响的主要是iOS设备。中国工信部曾规定,在中国提供科学上网服务的公司必须登记注册,否则将&不受中国法律的保护
本帖子中包含更多资源
才可以下载或查看,没有帐号?
[url=http://www.allgraphics123.com/enjoy-2/][img]h
主题广告币积分
国外的不行,国内的还有,看墙缝有多密...
海阔凭鱼跃,天空任鸟飞,学无止境~
收款,助你财务自由。
主题广告币积分
高级会员, 积分 2368, 距离下一级还需 832 积分
高级会员, 积分 2368, 距离下一级还需 832 积分
某功绝对不会不理的
主题广告币积分
新手上路, 积分 8, 距离下一级还需 12 积分
新手上路, 积分 8, 距离下一级还需 12 积分
本帖最后由 wu_temp 于
19:43 编辑
) n+ X# B' N6 l6 \$ G
从来不用VP_N的漂过,访问内网慢死人了!
主题广告币积分
中级会员, 积分 525, 距离下一级还需 675 积分
中级会员, 积分 525, 距离下一级还需 675 积分
主题广告币积分
主题广告币积分
宇宙无敌河马天神
ssh 一直没有问题。。。
本人无QQ无微信, 其余都是假的. 骗子太多,大家小心
主题广告币积分
中级会员, 积分 1008, 距离下一级还需 192 积分
中级会员, 积分 1008, 距离下一级还需 192 积分
枪打出头鸟
小额BTC比特币代付
主题广告币积分
初级会员, 积分 125, 距离下一级还需 275 积分
初级会员, 积分 125, 距离下一级还需 275 积分
本帖最后由 emu123 于
22:42 编辑
等到时真封了再说,没有用过科学上网,最近用S5代理稍为翻翻网页。
主题广告币积分
高级会员, 积分 1385, 距离下一级还需 1815 积分
高级会员, 积分 1385, 距离下一级还需 1815 积分
多连几次 总会连上的
主题广告币积分
工信部开了微博,现在找不到了
主题广告币积分
金牌会员, 积分 6819, 距离下一级还需 2781 积分
金牌会员, 积分 6819, 距离下一级还需 2781 积分
相信美帝亡我之心不死,一定会想法搞定的
主题广告币积分
高级会员, 积分 2432, 距离下一级还需 768 积分
高级会员, 积分 2432, 距离下一级还需 768 积分
大局域网 这个是经过全国人大批准的吗
。。。。。。
主题广告币积分
新手上路, 积分 13, 距离下一级还需 7 积分
新手上路, 积分 13, 距离下一级还需 7 积分
我照样上FB。
社区QQ达人
使用QQ帐号登录论坛的用户
MobVista达人
MobVista达人
Powered by DiscuzDataV:可能是我见过最可怕的数据可视化神器a year ago3,740收藏分享举报文章被以下专栏收录行走的荷尔蒙,人肉的工具库{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\u002Fpay.zhihu.com\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&分享各种PPT神技以及各种设计神器~~这里除了干货,什么都没有,包括节操。&,&permission&:&COLUMN_PUBLIC&,&memberId&:390704,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&行走的荷尔蒙,人肉的工具库&,&urlToken&:&simonppt&,&id&:19060,&imagePath&:&v2-a2d41bbdcb9f.jpg&,&slug&:&simonppt&,&applyReason&:&0&,&name&:&我懂个P&,&title&:&我懂个P&,&url&:&https:\u002F\u002Fzhuanlan.zhihu.com\u002Fsimonppt&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:12985,&avatar&:{&id&:&v2-a2d41bbdcb9f&,&template&:&https:\u002F\u002Fpic2.zhimg.com\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-a2d41bbdcb9f_l.jpg&,&articlesCount&:10},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-dc3ace13b708ddad0fcefb3_r.jpg&,&lastUpdated&:,&imagePath&:&v2-dc3ace13b708ddad0fcefb3.jpg&,&permission&:&ARTICLE_PUBLIC&,&topics&:[],&summary&:&最近,发现了一个很好玩的神器,忍不住出关分享给大家。废话少说,开车! ---------------------------------------------------------------------------------------------------- 每年的双十一,天猫都会在剁手狂欢节中直播战绩。除了可怕的数字之外,不…&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T22:07:40+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:2623586,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&DataV:可能是我见过最可怕的数据可视化神器&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:0,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-dc3ace13b708ddad0fcefb3_r.jpg&,&author&:{&bio&:&一线PPT技师,很色。公众号:我懂个P&,&isFollowing&:false,&hash&:&b79fc7b6fbf063ba9edcff91eef71baf&,&uid&:16,&isOrg&:false,&slug&:&simona-wen&,&isFollowed&:false,&description&:&PPT模板链接:http:\u002F\u002Fwww.pptstore.net\u002Fauthor\u002FSimon%E9%98%BF%E6%96%87\u002F\n\n在线课程地址:\n《和阿文一起学信息图表》:http:\u002F\u002Fstudy.163.com\u002Fcourse\u002FcourseMain.htm?courseId=1016021\n《我懂个P》:http:\u002F\u002Fstudy.163.com\u002Fcourse\u002Fintroduction\u002F.htm&,&name&:&Simon阿文&,&profileUrl&:&https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fsimona-wen&,&avatar&:{&id&:&51b03aeef&,&template&:&https:\u002F\u002Fpic1.zhimg.com\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:390704,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:597558}],&title&:&DataV:可能是我见过最可怕的数据可视化神器&,&author&:&simona-wen&,&content&:&\u003Cp\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-53df1b1a4492c53dfdb83a_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-53df1b1a4492c53dfdb83a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-53df1b1a4492c53dfdb83a_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-53df1b1a4492c53dfdb83a_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E最近,发现了一个很好玩的神器,忍不住出关分享给大家。废话少说,开车!\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E每年的双十一,天猫都会在剁手狂欢节中直播战绩。除了可怕的数字之外,不知道大家有没有留意到这些同样可怕的数据可视化大屏 :\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-2d09f3cb0cf964ad08d211ee07ec9058_b.jpg\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&600\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-2d09f3cb0cf964ad08d211ee07ec9058_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='800'%20height='600'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&600\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&800\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-2d09f3cb0cf964ad08d211ee07ec9058_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-2d09f3cb0cf964ad08d211ee07ec9058_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E↑2015 双十一大屏\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-3b9319d0adf4ec28ffde4d5f_b.jpg\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&450\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-3b9319d0adf4ec28ffde4d5f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='800'%20height='450'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&450\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&800\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-3b9319d0adf4ec28ffde4d5f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-3b9319d0adf4ec28ffde4d5f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-5400fffae069f1ef1c96b26c06b9e1c3_b.jpg\& data-caption=\&\& data-rawwidth=\&2048\& data-rawheight=\&966\& class=\&origin_image zh-lightbox-thumb\& width=\&2048\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-5400fffae069f1ef1c96b26c06b9e1c3_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2048'%20height='966'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2048\& data-rawheight=\&966\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2048\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-5400fffae069f1ef1c96b26c06b9e1c3_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-5400fffae069f1ef1c96b26c06b9e1c3_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E↑2016 双十一大屏\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E所谓大屏,顾名思义就是一个\u003C\u002Fp\u003E\u003Cp\u003E很大的屏 !!!\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-7c75f8ac04f9727c29bbd899f78169bf_b.jpg\& data-caption=\&\& data-rawwidth=\&2048\& data-rawheight=\&1274\& class=\&origin_image zh-lightbox-thumb\& width=\&2048\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-7c75f8ac04f9727c29bbd899f78169bf_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2048'%20height='1274'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2048\& data-rawheight=\&1274\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2048\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-7c75f8ac04f9727c29bbd899f78169bf_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-7c75f8ac04f9727c29bbd899f78169bf_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E一般应用在交易大厅,展览中心,管控中心,老板办公室等等场景,把一些关键数据集中展示在一块巨大的LED屏幕上,其实就是巨大化的Dashboard,\u003Cb\u003E是当今数一数二的装逼方式\u003C\u002Fb\u003E。\u003C\u002Fp\u003E\u003Cp\u003E也许你觉得这些酷炫的可视化效果遥不可及,但如果我告诉你,现在你也可以在电脑上一键生成呢?\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-597c93a99bbb6d15535dbe5c39eda649_b.jpg\& data-caption=\&\& data-rawwidth=\&1105\& data-rawheight=\&825\& class=\&origin_image zh-lightbox-thumb\& width=\&1105\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-597c93a99bbb6d15535dbe5c39eda649_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1105'%20height='825'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1105\& data-rawheight=\&825\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1105\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-597c93a99bbb6d15535dbe5c39eda649_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-597c93a99bbb6d15535dbe5c39eda649_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E是的,来自阿里的可视化天团让一键装逼成为了可能,今天我们就来聊聊这个神器:
DataV \u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bca03f89bb13c89b5afc_b.jpg\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb\& width=\&2000\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bca03f89bb13c89b5afc_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2000'%20height='953'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2000\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bca03f89bb13c89b5afc_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-bca03f89bb13c89b5afc_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1e29b17d1a18c1ff34897_b.jpg\& data-caption=\&\& data-rawwidth=\&1940\& data-rawheight=\&421\& class=\&origin_image zh-lightbox-thumb\& width=\&1940\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1e29b17d1a18c1ff34897_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1940'%20height='421'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1940\& data-rawheight=\&421\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1940\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1e29b17d1a18c1ff34897_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1e29b17d1a18c1ff34897_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003EDataV 是阿里云出品的拖拽式可视化工具,专精于业务数据与地理信息融合的大数据可视化。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-27a645f6a8cb3c1d11ec1_b.jpg\& data-caption=\&\& data-rawwidth=\&1440\& data-rawheight=\&800\& class=\&origin_image zh-lightbox-thumb\& width=\&1440\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-27a645f6a8cb3c1d11ec1_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1440'%20height='800'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1440\& data-rawheight=\&800\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1440\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-27a645f6a8cb3c1d11ec1_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-27a645f6a8cb3c1d11ec1_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E说人话,就是即使我不是专业工程师,也可以把一堆枯燥无味的数据通过屌炸天的方式展示出来,并顺手生成那个牛逼的地球!\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-1b340fd57d8cd8f6fb8fa_b.jpg\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&940\& class=\&origin_image zh-lightbox-thumb\& width=\&2000\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-1b340fd57d8cd8f6fb8fa_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2000'%20height='940'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&940\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2000\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-1b340fd57d8cd8f6fb8fa_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-1b340fd57d8cd8f6fb8fa_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-add4a267fa00e016a7e79_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&277\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-add4a267fa00e016a7e79_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='277'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&277\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-add4a267fa00e016a7e79_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-add4a267fa00e016a7e79_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E如果你已经有阿里云账号,直接登录
\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fdatav.aliyun.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E登录\u003C\u002Fa\u003E
即可。\u003C\u002Fp\u003E\u003Cp\u003E如果没有,先注册并登录到阿里云: \u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Fwww.aliyun.com\u002F\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E阿里云-为了无法计算的价值\u003C\u002Fa\u003E ,在【产品】标签栏下就能找到 DataV~\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef239df4fea3f4df54b318_b.jpg\& data-caption=\&\& data-rawwidth=\&723\& data-rawheight=\&466\& class=\&origin_image zh-lightbox-thumb\& width=\&723\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef239df4fea3f4df54b318_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='723'%20height='466'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&723\& data-rawheight=\&466\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&723\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef239df4fea3f4df54b318_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-ef239df4fea3f4df54b318_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E注意,这并不是一个免费工具。但你会发现,我们离高大上居然只有一个鸡腿的距离 —— 五块钱!\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-1a3e2feacdbfdbaa610a84_b.jpg\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&1240\& class=\&origin_image zh-lightbox-thumb\& width=\&2000\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-1a3e2feacdbfdbaa610a84_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2000'%20height='1240'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&1240\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2000\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-1a3e2feacdbfdbaa610a84_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-1a3e2feacdbfdbaa610a84_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E忍痛”买了一个月后,页面就会自动跳转到 DataV 的后台,点击【新建可视化】试试:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c89afb668d9af7e00d5d9e50b63e1e44_b.jpg\& data-caption=\&\& data-rawwidth=\&1614\& data-rawheight=\&943\& class=\&origin_image zh-lightbox-thumb\& width=\&1614\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c89afb668d9af7e00d5d9e50b63e1e44_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1614'%20height='943'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1614\& data-rawheight=\&943\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1614\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c89afb668d9af7e00d5d9e50b63e1e44_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c89afb668d9af7e00d5d9e50b63e1e44_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E你会忍不住说一声卧槽!DataV 针对不同的使用场景,提供了很多酷炫的数据模板,其中就包括天猫双十一的数据大屏:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-fbe71653f_b.jpg\& data-caption=\&\& data-rawwidth=\&1443\& data-rawheight=\&910\& class=\&origin_image zh-lightbox-thumb\& width=\&1443\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-fbe71653f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1443'%20height='910'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1443\& data-rawheight=\&910\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1443\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-fbe71653f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-fbe71653f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E选中自己喜欢的模板后,点击创建,马上就能用!(你也可以新建一个空白画布,自由创作)\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-97bd157a8e4e422ee3ff2_b.jpg\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&396\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-97bd157a8e4e422ee3ff2_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='800'%20height='396'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&396\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-97bd157a8e4e422ee3ff2_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-97bd157a8e4e422ee3ff2_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c7bddf36d5c5f3e4cbf27_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c7bddf36d5c5f3e4cbf27_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c7bddf36d5c5f3e4cbf27_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-c7bddf36d5c5f3e4cbf27_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-047f570fb4c6ad0c51abb93e156d9fc0_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-047f570fb4c6ad0c51abb93e156d9fc0_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-047f570fb4c6ad0c51abb93e156d9fc0_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-047f570fb4c6ad0c51abb93e156d9fc0_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1dfa21cea3_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1dfa21cea3_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1dfa21cea3_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-1dfa21cea3_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E毕竟,模板所展示的只是部分控件,还有另一吨牛逼控件隐藏在左上角的工具栏:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-3383c87aeb1a4d7b6c06b6_b.jpg\& data-caption=\&\& data-rawwidth=\&1749\& data-rawheight=\&982\& class=\&origin_image zh-lightbox-thumb\& width=\&1749\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-3383c87aeb1a4d7b6c06b6_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1749'%20height='982'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1749\& data-rawheight=\&982\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1749\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-3383c87aeb1a4d7b6c06b6_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-3383c87aeb1a4d7b6c06b6_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E》丰富的图表控件:\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E只要你能想象到的图表样式,这里都能找到。(想象不到的,这里也有!)\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-82ccd83d4ea206b6bd01_b.jpg\& data-caption=\&\& data-rawwidth=\&653\& data-rawheight=\&1116\& class=\&origin_image zh-lightbox-thumb\& width=\&653\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-82ccd83d4ea206b6bd01_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='653'%20height='1116'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&653\& data-rawheight=\&1116\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&653\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-82ccd83d4ea206b6bd01_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-82ccd83d4ea206b6bd01_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E》其他可视化控件:\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E除了常规图表,还有很多同样酷炫的可视化控件。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-c5af0ddf2c08e30bc2895153dfd94a35_b.jpg\& data-caption=\&\& data-rawwidth=\&1848\& data-rawheight=\&1511\& class=\&origin_image zh-lightbox-thumb\& width=\&1848\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-c5af0ddf2c08e30bc2895153dfd94a35_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1848'%20height='1511'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1848\& data-rawheight=\&1511\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1848\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-c5af0ddf2c08e30bc2895153dfd94a35_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-c5af0ddf2c08e30bc2895153dfd94a35_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E所有控件都提供了大量的参数设置,直接修改即可,甚至简单到让我一度产生了正在用PPT的错觉…\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E看,一个普通的弧形柱图就有这么多的【样式】设置:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-cd66ad7baf08ffb35d2a3c1_b.jpg\& data-caption=\&\& data-rawwidth=\&1669\& data-rawheight=\&2001\& class=\&origin_image zh-lightbox-thumb\& width=\&1669\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-cd66ad7baf08ffb35d2a3c1_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1669'%20height='2001'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1669\& data-rawheight=\&2001\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1669\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-cd66ad7baf08ffb35d2a3c1_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-cd66ad7baf08ffb35d2a3c1_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E随便拖拽或点击一下,你就知道每个参数控制的是哪个图表细节,这里就不展开啦,大家自己去试玩即可:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-48917daf938badb0921dca_b.jpg\& data-caption=\&\& data-rawwidth=\&1669\& data-rawheight=\&896\& class=\&origin_image zh-lightbox-thumb\& width=\&1669\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-48917daf938badb0921dca_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1669'%20height='896'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1669\& data-rawheight=\&896\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1669\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-48917daf938badb0921dca_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-48917daf938badb0921dca_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E但当我们兴冲冲地点开【数据】标签准备修改数据时,不禁虎躯一震……诶,代码???\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ed318fe35ba84b514a4274c_b.jpg\& data-caption=\&\& data-rawwidth=\&1432\& data-rawheight=\&948\& class=\&origin_image zh-lightbox-thumb\& width=\&1432\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ed318fe35ba84b514a4274c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1432'%20height='948'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1432\& data-rawheight=\&948\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1432\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ed318fe35ba84b514a4274c_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ed318fe35ba84b514a4274c_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E别紧张,即使我们是技术小白,一样可以修改图表的数据,往下看。(技术大神请绕道……)\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-593ec4dc51f71f92c34a93de1bb931bf_b.jpg\& data-caption=\&\& data-rawwidth=\&1941\& data-rawheight=\&420\& class=\&origin_image zh-lightbox-thumb\& width=\&1941\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-593ec4dc51f71f92c34a93de1bb931bf_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1941'%20height='420'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1941\& data-rawheight=\&420\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1941\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-593ec4dc51f71f92c34a93de1bb931bf_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-593ec4dc51f71f92c34a93de1bb931bf_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【方法一】:直接修改\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E大家应该很容易发现,此图表其实受编辑器中的两个字段控制: text
和 value ,分别匹配柱形的 \u003Cb\u003E坐标名称\u003C\u002Fb\u003E和\u003Cb\u003E值\u003C\u002Fb\u003E,从英文字面意思也很好理解。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_b.jpg\& data-caption=\&\& data-rawwidth=\&1450\& data-rawheight=\&1123\& class=\&origin_image zh-lightbox-thumb\& width=\&1450\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1450'%20height='1123'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1450\& data-rawheight=\&1123\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1450\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E不要害怕,直接手动修改试试。如图,我直接修改了 text 和 value 的值后,图表就会自动发生变化。(如果不行,刷新一下页面即可)\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-f3ef2fdf83b01a_b.jpg\& data-caption=\&\& data-rawwidth=\&1449\& data-rawheight=\&1122\& class=\&origin_image zh-lightbox-thumb\& width=\&1449\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-f3ef2fdf83b01a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1449'%20height='1122'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1449\& data-rawheight=\&1122\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1449\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-f3ef2fdf83b01a_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-f3ef2fdf83b01a_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E就是这么简单!!但此方法只适合数据较少的情况,数据超过10个的时候,你就懒得动了……例如,我想把这组Excel数据录入到图表中:\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_b.jpg\& data-caption=\&\& data-rawwidth=\&2043\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb\& width=\&2043\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2043'%20height='953'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2043\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2043\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E如果用手工方式改的话要输入很久,怎么办?\u003Cb\u003E我们把数据上传上去。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【方法二】:自己上传数据\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E其实,我们可以在【数据源类型】中上传自己的数据源:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-2bff8c83cb29f697653d_b.jpg\& data-caption=\&\& data-rawwidth=\&677\& data-rawheight=\&478\& class=\&origin_image zh-lightbox-thumb\& width=\&677\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-2bff8c83cb29f697653d_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='677'%20height='478'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&677\& data-rawheight=\&478\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&677\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-2bff8c83cb29f697653d_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-2bff8c83cb29f697653d_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E基础版支持CSV文件,API和数据库三种类型的数据源。不会写API,不会建数据库没关系,我们可以用Excel啊 —— \u003Cb\u003E因为Excel文件可以另存为CSV格式\u003C\u002Fb\u003E。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-28b82f3f81cfe28fdcda05_b.jpg\& data-caption=\&\& data-rawwidth=\&1428\& data-rawheight=\&675\& class=\&origin_image zh-lightbox-thumb\& width=\&1428\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-28b82f3f81cfe28fdcda05_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1428'%20height='675'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1428\& data-rawheight=\&675\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1428\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-28b82f3f81cfe28fdcda05_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-28b82f3f81cfe28fdcda05_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E好,回到上面的案例:\u003C\u002Fp\u003E\u003Cp\u003E如何把一组Excel数据上传到 DataV 呢?\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_b.jpg\& data-caption=\&\& data-rawwidth=\&2043\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb\& width=\&2043\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2043'%20height='953'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2043\& data-rawheight=\&953\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2043\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-cba83bed6e0f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E第1步:在Excel中修改表头\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E前文提过,这个弧形柱图的匹配字段是 text 和 value 。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E(注意,不同图表的匹配字段可能不一样哟~)\u003C\u002Fb\u003E \u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_b.jpg\& data-caption=\&\& data-rawwidth=\&1450\& data-rawheight=\&1123\& class=\&origin_image zh-lightbox-thumb\& width=\&1450\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1450'%20height='1123'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1450\& data-rawheight=\&1123\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1450\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-5b71da1d17b672f2bd1b48a481e98808_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E所以为了让 DataV 能自动识别数据,我们需要把表头修改成图表中的匹配字段:\u003C\u002Fp\u003E\u003Cp\u003E把 “国家” 改成:text\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E把 “单身率” 改成:value \u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-da35ecd854a7040a09acbd77_b.jpg\& data-caption=\&\& data-rawwidth=\&1800\& data-rawheight=\&1209\& class=\&origin_image zh-lightbox-thumb\& width=\&1800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-da35ecd854a7040a09acbd77_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1800'%20height='1209'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1800\& data-rawheight=\&1209\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-da35ecd854a7040a09acbd77_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-da35ecd854a7040a09acbd77_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【第2步】把这组数据另存为CSV格式\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E修改完表头后,把 Excel 文件直接另存为 CSV 格式。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ca2fdc37b_b.jpg\& data-caption=\&\& data-rawwidth=\&1044\& data-rawheight=\&649\& class=\&origin_image zh-lightbox-thumb\& width=\&1044\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ca2fdc37b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1044'%20height='649'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1044\& data-rawheight=\&649\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1044\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ca2fdc37b_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-ca2fdc37b_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【第3步】把CSV文件上传到DataV中。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E在数据源类型中选中【CSV文件】,然后点击【新建】,上传完后记得选择你的数据,其他不用管。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-193afb6ff20d8f_b.jpg\& data-caption=\&\& data-rawwidth=\&969\& data-rawheight=\&756\& class=\&origin_image zh-lightbox-thumb\& width=\&969\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-193afb6ff20d8f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='969'%20height='756'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&969\& data-rawheight=\&756\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&969\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-193afb6ff20d8f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-193afb6ff20d8f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E开始了吗?已经结束了。上传并选择数据后,图表就会自动发生变化。如果图表没反应,刷新一下页面即可,搞定:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c7ce7fa58ed567c_b.jpg\& data-caption=\&\& data-rawwidth=\&872\& data-rawheight=\&491\& class=\&origin_image zh-lightbox-thumb\& width=\&872\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c7ce7fa58ed567c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='872'%20height='491'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&872\& data-rawheight=\&491\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&872\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c7ce7fa58ed567c_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-c7ce7fa58ed567c_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E掌握了这两种修改数据的方法后,\u003C\u002Fp\u003E\u003Cp\u003E我们就可以玩转各种图表啦!↓\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E(PS:所有图表均能屌屌地动起来~可惜知乎无法传动图,哭????)\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-fa6aa06add07_b.jpg\& data-caption=\&\& data-rawwidth=\&677\& data-rawheight=\&1962\& class=\&origin_image zh-lightbox-thumb\& width=\&677\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-fa6aa06add07_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='677'%20height='1962'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&677\& data-rawheight=\&1962\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&677\& data-original=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-fa6aa06add07_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic1.zhimg.com\u002Fv2-fa6aa06add07_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E……\u003C\u002Fp\u003E\u003Cp\u003E……\u003C\u002Fp\u003E\u003Cp\u003E……\u003C\u002Fp\u003E\u003Cp\u003E甚至,这些酷炫的地球\u003C\u002Fp\u003E\u003Cp\u003E修改数据的原理也一模一样!\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_b.jpg\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&554\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='800'%20height='554'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&554\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E怎么改?请看下面这个案例\u003C\u002Fp\u003E\u003Cp\u003E(坚持,最后一个案例啦)\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ac17f79e616e878f6ed89fae2f5874e1_b.jpg\& data-caption=\&\& data-rawwidth=\&1941\& data-rawheight=\&420\& class=\&origin_image zh-lightbox-thumb\& width=\&1941\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ac17f79e616e878f6ed89fae2f5874e1_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1941'%20height='420'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1941\& data-rawheight=\&420\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1941\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ac17f79e616e878f6ed89fae2f5874e1_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-ac17f79e616e878f6ed89fae2f5874e1_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E如下图,这是一组快递数据,起点是全国各地,终点都是我家,我想在地图上反映出整个物流过程,应该怎么做呢?\u003Cb\u003E这需要用到飞线图。\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-afd02e4eee6a_b.jpg\& data-caption=\&\& data-rawwidth=\&1518\& data-rawheight=\&1086\& class=\&origin_image zh-lightbox-thumb\& width=\&1518\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-afd02e4eee6a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1518'%20height='1086'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1518\& data-rawheight=\&1086\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1518\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-afd02e4eee6a_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-afd02e4eee6a_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【第1步】插入一个地图\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E在 DataV 的地图控件中随便插入一个地图:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b737ec951ec97e_b.jpg\& data-caption=\&\& data-rawwidth=\&1074\& data-rawheight=\&443\& class=\&origin_image zh-lightbox-thumb\& width=\&1074\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b737ec951ec97e_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1074'%20height='443'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1074\& data-rawheight=\&443\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1074\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b737ec951ec97e_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b737ec951ec97e_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E插入后,画布上会自动生成一个酷炫的地图,由于自带示例数据,地图上布满了飞线轨迹和呼吸气泡图。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-dd5deb0efa9f55fac8d0828_b.jpg\& data-caption=\&\& data-rawwidth=\&788\& data-rawheight=\&546\& class=\&origin_image zh-lightbox-thumb\& width=\&788\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-dd5deb0efa9f55fac8d0828_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='788'%20height='546'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&788\& data-rawheight=\&546\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&788\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-dd5deb0efa9f55fac8d0828_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-dd5deb0efa9f55fac8d0828_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E因为我们要还原的是物流轨迹,保留飞线轨迹即可,所以我们可以把【呼吸气泡层】删除:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-058b1fab01cbe201baf3_b.jpg\& data-caption=\&\& data-rawwidth=\&1327\& data-rawheight=\&783\& class=\&origin_image zh-lightbox-thumb\& width=\&1327\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-058b1fab01cbe201baf3_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1327'%20height='783'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1327\& data-rawheight=\&783\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1327\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-058b1fab01cbe201baf3_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-058b1fab01cbe201baf3_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E删除后,我们的准备工作完成了:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-76d06cb860bb52a4dfbda_b.jpg\& data-caption=\&\& data-rawwidth=\&791\& data-rawheight=\&547\& class=\&origin_image zh-lightbox-thumb\& width=\&791\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-76d06cb860bb52a4dfbda_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='791'%20height='547'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&791\& data-rawheight=\&547\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&791\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-76d06cb860bb52a4dfbda_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-76d06cb860bb52a4dfbda_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E接下来,就需要用我们的案例数据,来替换掉这些示例数据了。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E第2步:确定地图的匹配字段\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E从数据编辑器中可以看出,飞线图的匹配字段是 from 和 to ,这不就是起点和终点的意思么!\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-9e264e6b7bc31dd43d59191f_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-9e264e6b7bc31dd43d59191f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-9e264e6b7bc31dd43d59191f_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-9e264e6b7bc31dd43d59191f_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这意味着,我们把案例中的表头分别改成 from 和 to,就能配对了……吗?\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-e54e113ca093d860c51b64bc9fe1ad6c_b.jpg\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-e54e113ca093d860c51b64bc9fe1ad6c_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1280'%20height='720'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&1280\& data-rawheight=\&720\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1280\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-e54e113ca093d860c51b64bc9fe1ad6c_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-e54e113ca093d860c51b64bc9fe1ad6c_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E当然没那么简单!有没有发现,数据编辑器中,from 和 to 的值都是一串复杂的数字,这其实是一组经纬度:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-65a84eeefc0dbe7adaad604f55cf97bb_b.jpg\& data-caption=\&\& data-rawwidth=\&535\& data-rawheight=\&169\& class=\&origin_image zh-lightbox-thumb\& width=\&535\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-65a84eeefc0dbe7adaad604f55cf97bb_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='535'%20height='169'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&535\& data-rawheight=\&169\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&535\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-65a84eeefc0dbe7adaad604f55cf97bb_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-65a84eeefc0dbe7adaad604f55cf97bb_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E而我们现在的案例数据是一堆中文地址名称,所以我们还要对案例数据进行进一步处理\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【第3步】把地址转换成经纬度\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E不要方,利用高德地图经纬度快速查询工具可以轻松地把任何地址转换成经纬度,可具体到门牌号喔,工具地址:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ca href=\&https:\u002F\u002Flink.zhihu.com\u002F?target=http%3A\u002F\u002Flbs.amap.com\u002Fconsole\u002Fshow\u002Fpicker\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E控制台 | 高德开放平台 | 高德地图API\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cp\u003E使用方法很粗暴,复制一个地址名进左框,右框就自动生成经纬度:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b87906db5edab32f2a00_b.jpg\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&1071\& class=\&origin_image zh-lightbox-thumb\& width=\&2000\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b87906db5edab32f2a00_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='2000'%20height='1071'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&2000\& data-rawheight=\&1071\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&2000\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b87906db5edab32f2a00_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-b87906db5edab32f2a00_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E(一个一个生成虽然很累,但未来 DataV 还会推出一个批量生成经纬度的工具,敬请期待~)\u003C\u002Fp\u003E\u003Cp\u003E如此类推,把案例中的地址数据转换成经纬度:\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-0878e43aaa159f9e2b287a_b.jpg\& data-caption=\&\& data-rawwidth=\&622\& data-rawheight=\&434\& class=\&origin_image zh-lightbox-thumb\& width=\&622\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-0878e43aaa159f9e2b287a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='622'%20height='434'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&622\& data-rawheight=\&434\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&622\& data-original=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-0878e43aaa159f9e2b287a_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic4.zhimg.com\u002Fv2-0878e43aaa159f9e2b287a_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E万事俱备,把数据另存为CSV格式即可上传。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E----------------------------------------------------------------------------------------------------\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E【第4步】把数据上传到 DataV\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E操作步骤前面有讲,就不唠叨了~\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-f7dda149b3e059cc64af9a15f91a8097_b.jpg\& data-caption=\&\& data-rawwidth=\&474\& data-rawheight=\&233\& class=\&origin_image zh-lightbox-thumb\& width=\&474\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-f7dda149b3e059cc64af9a15f91a8097_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='474'%20height='233'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&474\& data-rawheight=\&233\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&474\& data-original=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-f7dda149b3e059cc64af9a15f91a8097_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic2.zhimg.com\u002Fv2-f7dda149b3e059cc64af9a15f91a8097_b.jpg\&\u003E\u003C\u002Ffigure\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E上传成功后,刷新一下页面,我们的物流地图就出来了!!!\u003C\u002Fp\u003E\u003Cfigure\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_b.jpg\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&554\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='800'%20height='554'&&\u002Fsvg&\& data-caption=\&\& data-rawwidth=\&800\& data-rawheight=\&554\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&800\& data-original=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_r.jpg\& data-actualsrc=\&https:\u002F\u002Fpic3.zhimg.com\u002Fv2-cc85ed1cdae11f9ca4c2_b.jpg\&\u003E\u0

我要回帖

更多关于 电脑用的v p n 的文章

 

随机推荐