TradingView 更新 Lightweight Charts,引入贝塞尔曲线与像素级渲染

经纪商观察·更多 TradingView 报道

·阅读约 6 分钟·FXAJAX编辑部

字号
TradingView 更新 Lightweight Charts,引入贝塞尔曲线与像素级渲染

汇捷资讯经纪商观察关注「TradingView 更新 Lightweight Charts,引入贝塞尔曲线与像素级渲染」。文中涉及TradingView、Lightweight Charts、Series、Apple。主体名称、时间、金额、牌照和监管结果以正文为准,不另作推断。

背景概述

根据 黄金形态通APP 报道,TradingView 于2023年2月9日发布了其轻量级图表库 Lightweight Charts 的重要更新。此次更新涉及底层渲染架构的升级、新绘图功能的引入以及多个已知问题的修复,旨在提升图表在现代浏览器中的渲染精度与用户体验。

Lightweight Charts 是 TradingView 推出的一款开源图表库,广泛应用于金融网站和应用程序中。本次更新中,最核心的变化是底层渲染库 fancy-canvas 从 v1.0.1 升级至 v2.1.0,这标志着 TradingView 在渲染架构上的重大革新。

关键要点

本次 Lightweight Charts 更新的主要亮点包括:

  • 渲染架构升级:fancy-canvas 从 v1.0.1 升级至 v2.1.0,采用新的 devicePixelContentBox 测量方式,支持在任何页面缩放或像素密度下实现真正的像素级渲染,无需再通过猜测来确定画布位图尺寸。
  • 贝塞尔曲线绘制:新增使用贝塞尔曲线绘制曲线线条的功能,使图表线条更加平滑灵活。
  • 区域系列颜色自定义:允许用户自定义区域系列(Area Series)不同部分的颜色。
  • 初始化与调整尺寸优化:图表在初始化时以及每次调整尺寸时都能获得正确的尺寸,解决了手机或平板旋转以及网页中调整图表大小时可能遇到的问题。
  • 价格线计算修复:当价格刻度模式设置为非“Normal”时,PriceLine 的价格计算不正确的问题已得到修复。
  • 时间轴重置故障修复:修复了用户在另一操作进行时尝试重置时间轴可能导致图表出现故障的问题。

影响解读

此次更新对使用 Lightweight Charts 的开发者与终端用户均带来显著影响。对于开发者而言,新的渲染架构简化了像素级适配的复杂度,减少了为不同设备与缩放级别进行额外调整的工作量。贝塞尔曲线和区域颜色自定义功能则提供了更大的创作自由度,有助于打造更具视觉吸引力的金融图表。

对于终端用户,尤其是移动设备用户,图表在旋转屏幕或调整窗口大小时能够正确显示,提升了使用体验。价格线计算的修复也确保了技术分析指标的准确性,避免因显示错误导致误判。

此外,TradingView 近期还对符号页面的财务标签页进行了多项更新,包括概览页面增加更多数据与可视化内容,以及报表、统计数据、股息和收益等部分的改进。这些更新为投资者提供了更深入的公司研究工具,特别是对关注 Tesla、Apple 等公司的投资者而言,能够更便捷地分析收益、现金流、利润率等关键趋势。

关键对比表格

以下为本次更新中 fancy-canvas 版本升级前后的主要对比:

项目旧版本 (v1.0.1)新版本 (v2.1.0)
渲染精度依赖猜测确定画布位图尺寸使用 devicePixelContentBox 实现真正像素级渲染
缩放适应性可能在高缩放或高像素密度下模糊在任何缩放或像素密度下保持清晰
抽象支持无相关抽象引入抽象以支持新测量方式

未来展望

随着 fancy-canvas 新架构的引入,TradingView 有望在未来进一步优化 Lightweight Charts 的渲染性能与兼容性。贝塞尔曲线和颜色自定义等功能的加入,也预示着图表库将提供更丰富的视觉定制选项。同时,TradingView 对财务数据页面的持续更新,表明其正致力于打造更全面的投资研究平台。开发者与投资者可关注后续版本,以利用新功能提升应用体验与分析效率。

编辑总结

本次 TradingView Lightweight Charts 更新是一次重要的技术升级,通过底层渲染库的革新解决了长期存在的像素级渲染问题,并新增了实用的绘图与自定义功能。多项故障修复也提升了图表的稳定性。结合财务标签页的改进,TradingView 正在不断强化其作为金融图表与投资研究工具的综合能力。对于依赖 Lightweight Charts 的开发者,建议尽快升级以享受新特性;对于投资者,可探索更新后的财务页面以获取更深入的公司洞察。

常见问题解答

问题:Lightweight Charts 本次更新的核心是什么?

回答:核心是底层渲染库 fancy-canvas 从 v1.0.1 升级至 v2.1.0,采用 devicePixelContentBox 实现真正的像素级渲染,并新增贝塞尔曲线绘制、区域颜色自定义等功能。

问题:什么是 devicePixelContentBox?

回答:devicePixelContentBox 是一种新的盒模型测量方式,允许以物理像素请求 HTML 画布尺寸,从而在任何页面缩放或像素密度下实现真正的像素级渲染,无需猜测画布位图大小。

问题:本次更新修复了哪些问题?

回答:修复了价格刻度模式非 Normal 时 PriceLine 价格计算错误的问题,以及用户在另一操作进行时重置时间轴可能导致图表故障的问题。

问题:图表在调整尺寸时有什么改进?

回答:图表现在在初始化时以及每次调整尺寸时都能获得正确的尺寸,解决了手机或平板旋转以及网页中调整图表大小时可能出现的显示问题。

问题:TradingView 还更新了哪些财务功能?

回答:TradingView 更新了符号页面的财务标签页,包括概览页面增加更多数据与可视化内容,以及报表、统计数据、股息和收益等部分的改进,方便投资者进行深度研究。