文章 / 公众号历史文章
【闭关学习结束】Vega图表库辛苦学习归来,将官方文档和示例图表全扫一篇,可以出山了
Vega图表库的学习,较ECharts学习成本更高,全英文官方文档,今年年初学过一轮,7月份再战一轮。 目前学习程度: 看懂官方示例,可以自由小发挥,怕大家久等,下一步进入图表开发阶段,欢迎一起来探讨Vega好图表,想要哪个图,可以多互动提出,会优先对其进行开发。 目前学习过程中自己动手做过和改进过
Vega图表库的学习,较ECharts学习成本更高,全英文官方文档,今年年初学过一轮,7月份再战一轮。
目前学习程度:看懂官方示例,可以自由小发挥,怕大家久等,下一步进入图表开发阶段,欢迎一起来探讨Vega好图表,想要哪个图,可以多互动提出,会优先对其进行开发。
目前学习过程中自己动手做过和改进过官方的示例的,这几天推文也有发出,今天再汇总发一下。
有兴趣玩vega图表的,可以留言下,不单单可以未来使用EasyShu一键出图来使用,还可以学会自己创作更多的图表,并且EasyShu的自定义图表辅助功能,可以方便让大家通过Excel来传入图表所需数据源,学懂vega图表原理后高级玩家也可以玩得很嗨。
如果多人提出(欢迎留言),笔者可以来一场专门的vega图表库学习直接,带大家用VSCode和官方编辑器来快速玩转Vega图表。
金字塔图
构造很巧妙,比官方示例多加了数据标签和工具提示,中间有点错位(右空较多),需要静态图表的可加数据标签,动态交互直接用tooltips工具提示即可。

瀑布图
用了ZebraBI的配色改造,比ZebraBI版本的瀑布图多了累计求和的数据标签,效果蛮好的,减少读者心算的秘诀是尽可以给多一些数据标签。
官方示例只有竖版的瀑布图,成功改造成功为横版瀑布图。


带时间序列散点折线图
这个图很硬核,能看懂原理,可显示某个年份的静态散点数据,同时可以用交互方式展示历史过程。


bump排名图
折线图竟然不需要数值列,vega图表还真是太灵活了。有时用文本表达更清晰,原生支持,也少了像Excel高级作图那样一堆的构造辅助系列来完成,更符合自然人的作图操作方式。

带时间序列维度散点折线图
这个图和上面的一样,较一般散点图,多了一个时间排序维度的折线显示历史轨迹变化。

带偏移效果的堆积柱图
越往左偏,负面评价更多,相当于多了一个维度去看数据,很不错的表现形式,可能一般人第一次解读时会有些读图困难。

分类地毯图
一位easyshu用户提出的图表需求,较一般坡度图、滑珠图的比较项目的两个阶段的指标表现不同。
他想看某个类别下,各项目的分布变化情况,看数值位置变化信息,其实就是普通族状条形柱形图的效果,只是族状看多个项目间的变动眼睛来回看太麻烦。
最开始受惯性坡度图、滑珠图思维,用散点表达,后来发现用地毯图效果更佳。


四象限方块图
这个图刘万祥老师从麦肯锡中借鉴过来的,仅当作信息图表用用,其实就是一个条形图就能轻松表达的信息。
有EasyShu用户提出,当作练习,也用vega图表库实现了一下,也熟练了text/rect的图表类型的使用。
