关于天梯图
fakepheonix
2025年03月16日 13:39

开门见山,数据爬取工具和excel模板:https://github.com/fakepheonix/3DMarkScoreScraper

本意很简单,为了赛博斗蛐蛐,也为了选购方便看。此前是用的@777号传感器​这位的天梯图,但对方已经停更一年多了,这段时间显卡又迭代了一代。总之没得看就自己搓,反正是来自公开的数据。

说回天梯图的设计和制作。版面依旧用的777的结构,西文字体Bahnschrift来自Windows自带,中文字体鸿蒙黑体,配色直接用的极客湾socpk的颜色。分数显示是柱状图的数据标签,没什么好说的。最难的是分品牌的颜色区分。这部分是用组合图实现的:

柱状图的横轴直接删掉了,加入一套用来判断品牌的折线图,并用次坐标轴定位。设定好次坐标轴的值域、横纵坐标轴的交点位置,然后打开折线图的数据标签:

不同品牌的标签本质上来自不同组的折线图,然后将折线图的标记和连线、次坐标轴都设置为透明(无填充)。根据需要,给不同的品牌加上不同颜色的渐变填充设置。这就是最麻烦的部分。

图做好之后,右键天梯图,另存为图片,这里要用svg格式保存,其他格式都是位图,而excel最高输出的规格是长边8192像素,超过了就会强行压扁。保存为svg格式化之后,用矢量图编辑软件做处理和二次导出。我这边推荐用inkscape这个免费软件,或者用Adobe Illustrator这个老牌软件。直接用位图编辑软件会因为需要栅格化的内容太多,直接干等着,栅格化完也非常大,可用性很低。

我也难说后续能稳定更新多久,但是开源代码、公开模板,至少能让大家能做出自己需要的天梯图。祝购机顺利,斗蛐蛐愉快!