数据可视化——从0-1实现折线图(二)
画XY坐标轴
坐标轴本质上就是两条直线,所以第一步确定坐标原点,然后以坐标原点画出垂直和水平的两条直线。我们设置坐标原点离画布的左内边距和底部内边距,这样我们可以通过画布的高度减去底部内边距得到 原点的y, 然后通过画布的宽度减去左内边距得到x, 有了坐标原点画坐标轴就没什么大问题了。代码如下:
//定义坐标轴相对于画布的内边距
this.paddingLeft = 30 // 至少大于绘制文字的宽度
this.paddingBottom = 30 // 至少大于绘制文字的高度
this.origin = new Point2d(
this.paddingLeft,