SVG Path 平滑曲线实现

{{ day.day }} {{ 40 - i * 5 }}℃ {{ day.highTemp }} {{ day.lowTemp }} 7天温度变化曲线

当前曲线代码

// {{ curveType }} 曲线路径
高温曲线: {{ highCurvePath }}

低温曲线: {{ lowCurvePath }}

曲线类型说明

线性曲线:使用直线连接各点,简单但不够平滑。

二次贝塞尔曲线:使用单个控制点创建平滑曲线。

三次贝塞尔曲线:使用两个控制点创建更平滑的曲线。

Catmull-Rom曲线:通过所有点的曲线,特别适合数据可视化。