利用SVG在PBI中定制折线图标

1. 目的驱动

在参考他人制作的报表过程中，我曾观察到如图所示的呈现效果。

我对这张趋势图产生了浓厚的兴趣，因此决定探究其绘制方法。
通过查阅资料得知，该图表是采用SVG技术实现的。
在先前关于SVG的介绍中，已经提及过其可用于绘制个性化图表的功能。
接下来我们将重点学习如何利用SVG绘制折线图。
如图所示，该折线图所表达的含义为：各类电影票房随时间变化的趋势(by year)。
具体而言，X轴代表年份，Y轴则表示每年该类电影的总票房收入。

2. 理解设计原理

由于所展示的是缩略图形式，因此我们无法直接依据实际的年份与票房数据来呈现X轴与Y轴的数值。为使图像更加美观，需要对X轴与Y轴进行相应的调整处理。

对X轴和Y轴的处理方式主要在于：计算各数据点在整体范围内的相对位置（即当前值占整个区间的比例）。对于X轴而言，应将最小年份设定为起始点，最大年份作为终点，并根据当前年份在该区间中的占比确定其在X轴上的位置；Y轴的处理方法与此类似。

举个例子，若某部电影的上映时间跨度为2000年至2020年，而