实时数据可视化工具SciChart.js v4.0即将发布——扩展更多极坐标图表
SciChart JavaScript Charts图表库能帮助用户来探索JS应用程序的最终解决方案,使用WebGL创建动态、高速的图表和图形,非常适合实时处理复杂的数据可视化,使用其强大而灵活的JS图表工具可以提升JavaScript项目。
通过在1000多个输出类型上使用上万个属性,SciChart JavaScript Charts构建了处理科学、医疗、金融、航天航空、赛车运动、石油和天然气中苛刻的JavaScript图表和绘图要求。
立即获取SciChart.js新版下载
SciChart官方日前正式宣布SciChart.js v4版本即将发布,目前发布了一个试用的 BETA 版本,这是一个包含许多新功能的重大版本,今天我们就将为大家分享此版本中存在的一些重大更新。
通过极坐标图扩展更多 JavaScript 图表可能性
此版本的重点是增加更多需求旺盛的图表类型,其中最大亮点是极坐标图(Polar Charts)。SciChart的极地图支持线图、柱状图、山形图、带状图、散点图和热力图系列,其他图表库都无法让用户通过旋转和倾斜布局来调整极坐标图。 每当用户指定旋转角度、总角度和内半径时,SciChart 都会自动调整图表的大小和位置。
极坐标图功能完整列表
您可以在下表中找到极坐标图功能的完整列表,包括图表类型、注释和交互元素。
在图像库中发现一些最新的极坐标图可能性。
极坐标堆叠山形图
极坐标仪表图
极坐标热力图
极坐标散点图
雷达图
极坐标面积图
笛卡尔图表类型
SciChart.js v4.0还将引入新的笛卡尔图表类型,如矩形图、箱线图、线段图、三角形图和多边形图,并实现了一些有用的功能,如纹理填充。这些新的系列类型可以接受各种数据格式,因此产品团队重构了DataSeries,使其能够拥有任意数量的数组,例如:Xyx(单点)、Xyxy(起点-终点)、专为箱线图设计的 5 值格式、XyN(用于在多个系列之间共享 x 值),以及轻松定义用户需要格式的能力,新的 HTMLTextAnnotation 和 HTMLCustomAnnotation 允许您向图表添加更具响应性的内容。
笛卡尔图表功能
您可以在下表中找到笛卡尔图表更新的完整列表。
箱线图
三角形系列
树状图
矢量场图
新注释与图表修饰器
新增了注释类型,包括弧线段、箭头和极坐标指针,使用户可以创建种类繁多的仪表图。新的极坐标图表修饰器提供了在笛卡尔空间和极坐标空间中进行旋转、缩放和平移的能力,让您获得所需的视图,极坐标子图表允许您在同一表面上组合极坐标和笛卡尔图表。
轴与系列包含性
现在,轴和系列的包含性在修饰器中已标准化,同时引入了一种新的、更灵活的方式来指定修饰器的执行条件。注释现在拥有自己的裁剪属性,该属性适用于原生注释和 SVG 注释,允许在坐标轴上使用更多注释类型。有序渲染功能让您可以轻松更改系列和注释的 z 顺序,甚至允许您交错排列系列和注释并定义相对顺序。
v4 版本何时完全可用?
官方目前正在创建文档和示例,并对 API 进行最后的打磨。产品团队希望这个过程需要 4-6 周,之后将发布 v4 正式版。本文中的所有截图均来自SciChart.js v4.0 示例应用程序。