5.2 版包括新的图表示例、视觉改进和开发人员体验增强。
堆叠轴
堆叠轴(Stacked Axes)是一种新的应用程序接口,允许在彼此顶部堆叠任意数量的 X 轴或 Y 轴。堆叠坐标轴适用于共享时间坐标轴上的多个通道。以前的解决方法是创建多个图表,隐藏并同步 X 轴。但现在只需创建一个图表,并根据需要添加任意数量的 Y 轴即可。
堆叠坐标轴更易于使用,看起来更美观,工作起来也更合理。由于不再需要额外的图表或隐藏坐标轴,它们还能提供更好的性能。

JavaScript 多轴布局
新的XY系列
新的XY系列自LightningChart JS v.5.1发布以来就一直可用,最初是根据用户反馈开发的。现在,我们自豪地宣布XY系列全面升级:
对加载速度、最大数据容量、内存消耗和交互性进行了大规模性能升级。
新的应用程序接口(API)可更方便地插入数据,减少用户应用程序的处理量,并提供编辑数据、回读数据、为数据点添加 ID、获取可见数据范围、配置最大内存使用量等多项新功能。
新的系列类型:每个数据点的彩色线系列、面积系列、样条线系列、阶梯系列、值查询彩色面积系列、样条线面积系列、阶梯面积系列。
仅对可见数据进行自动拟合,改善了用户体验。
有关新 XY 系列的更多信息,请参阅文档。

实时 MP3 可视化示例
树状地图图表
树状地图图表现在可供所有已激活订阅的用户使用。这种类型的图表允许用户在嵌套的矩形内可视化分层数据,这些矩形根据大小代表较大或较小的值。树状地图图表具有内置的向下钻取功能,允许用户显示更多深度数据。查看所有可用的树状地图图表。

JS 树状地图示例
纹理点序列
在此版本中,PointLineSeries 和 PolarPointSeries 支持两种新功能:
1、自定义图标可用作点形状。该功能支持添加 PNG 文件作为自定义图标,这些图标可大量或少量用于轴坐标、填充样式、剪切、数据清理等。

将自定义图标用作点形状的示例。
2、ImageFillStyle.可用于加载自定义警告 PNG 文件并以原色显示。

用作自定义警告标志的 PNG 文件示例。
每种方法的区别在于着色是通过代码应用还是直接从 PNG 文件继承。此 v.5.2 版本还支持在图例、光标结果表和光标点制作器中使用自定义图标。
自定义主题的渐变和效果
现在,使用 LCJS 主题生成器创建的所有主题都支持自动渐变和特效,可为您的数据应用程序带来更震撼的外观和感觉。

开发人员体验改进
DataSetXY API 最初在 LCJS v.5.1.0 中引入,是一个用于定义、添加、编辑和处理 XY 图表数据集的 API。在本版本中,我们将扩展 DataSetXY API 所涵盖的用例:
填充:这是一种允许您为数据集中所有现有样本加载单个值的方法:
// Set point size of all samples to 5 pixels
lineSeries.fill({ size: 5})
// Example, Load same value for all altered samples
lineSeries.alterSamplesByID([2, 4], { size: 5})应用程序启动时的长缩放动画
我们修复了加载时间序列应用程序时出现的初始动画过长问题。虽然这个问题通常可以通过触发 "Axis.fit() "方法来解决,但在某些情况下却很难实现。现在,这个问题已经解决,用户无需再做任何修改。
开始使用LightningChart JS v.5.2
总而言之,LightningChart JS v.5.2提供了一些新功能、改进和图表类型,从而增强了数据应用程序开发。
LightningChart JS v5.2 版本更新
--------------------
已添加
已添加堆叠轴(测试版)
通过 AxisOptions.iStack、Axis.setLength 和 Axis.setMargins 访问
有关堆叠轴使用案例的最新更新,请参阅在线示例和/或开发人员文档(功能 > 轴)。
多通道实时数据监控
堆叠轴文档
已添加 TreeMapChart
已添加 ChartXY.swapAxes(测试版)
可用于交换两个堆叠坐标轴的位置。
为 PointLineAreaSeries 和 PolarPointSeries 标记填充样式添加了 ImageFill 支持
允许在轴坐标中显示自定义图片资产,并具有轴剪切功能。
已添加 PointLineAreaSeries.setPointAlignment、getPointAlignment
允许显示非居中的点。例如,通过垂直底部定位点。
添加了方便的坐标轴获取属性
ChartXY.axisX, xAxis, axisY, yAxis
Chart3D.axisX, xAxis, axisY, yAxis, axisZ, zAxis
PolarChart.axisRadial, axisAmplitude, radialAxis, amplitudeAxis
这些功能与 getDefaultAxisX() 或同等功能完全相同,只是看起来更整洁。
已添加 SeriesOptions.axisX、SeriesOptions.axisY
方便使用的属性,其作用与现有的 xAxis 和 yAxis 完全相同
已添加便捷属性 SeriesXY.xAxis、SeriesXY.yAxis
已添加 DisposableEvents.isDisposed
基本上所有图表、系列等对象都添加了这个简单的获取器
引入它主要是为了解决 React 运行时崩溃的一些问题
已添加 LightningChart.layout
对于使用共享 LC 上下文并在非文档正文的可滚动 DIV 中包含图表的 React 应用程序来说是必需的。用于通知图表,它们在网页上的位置可能已更改。
已添加 ChartComponent.setIcon(测试版)
可用于将图表组件与图标图形关联起来。对于许多系列类型,这将导致在图例和光标中自动显示该图标。
新增了在任何可使用 PointShape 的地方使用图标的功能。
XY 点系列、极点系列、点标记、图例条目、复选框
此外,图标现在可用作结果表内容的一部分
已添加 DataSetXY.fill、PointLineAreaSeries.fill 方法
为所有现有样本设置相同值的便捷方法。尤其适用于实现自定义交互,如突出显示所选数据
为所有 tick 策略添加了 setTickStyle 方便方法。
该方法的作用与现有的 setMajorTickStyle 和 setMinorTickStyle 相同,但只需调用一次方法即可同时应用这两种方法。
为 DataSetXY.alterSamplesByID 和 PointLineAreaSeries.alterSamplesByID 添加了更多可选参数:x、y、lookupValue、颜色、旋转。
可用于为所有指定的样本 ID 加载相同的值。
已添加 Axis.setTitleMarginBefore、getTitleMarginBefore
已添加 Axis.setAutoRegionsEnabled
可用于禁用内置功能,该功能会在轴间隔周围添加额外间隙,以确保所附序列适合内部。在某些特殊情况下,这是必要的。
已添加 hasUIElementBackground 类型保护。
已添加 Color.toUint32
为切片图表切片样式 API 添加了切片参数
允许在自定义样式用例中引用切片标签和其他属性
已删除
移除了 EngineSettings.webgl
该属性自 v5.0.0 版起就有问题,实际上什么也做不了。请使用 LightningChartOptions.webgl 代替它。
已修复
修复了同步轴线间隔(synchronizeAxisIntervals)导致轴线不可缩放或不可泛型的错误。
修复了 PointLineAreaSeries 在使用时间序列数据并放大/缩小时,有时会出现 "数组长度无效 "的运行时崩溃问题。
修复了添加第一个数据点时时间序列用例中的长滚动动画。
修复了图表创建后无法跟踪窗口 devicePixelRatio 变化的问题。
在使用浏览器缩放时,可通过文本保持清晰和调整厚度/点尺寸观察到这一问题。
请注意,为使其正常工作,网站需要有 meta[name="viewport"] width=device-width 的元标记。
使 PointLineAreaSeries 对数据流测试设置中常见的无效数据供应模式更加稳健。
例如,共享相同时间坐标的数据点,甚至顺序稍有错误的数据点。
修复了 PointLineAreaSeries 的单个点尺寸与圆形状的低分辨率。
修复了 PointLineAreaSeries.clear 在特定情况下导致系列不可见的问题。
修复了在浅色主题下轴线网格线不可见的问题。
修复了极度标记不可见的问题。
修复了尝试两次处置同一图表时出现崩溃的问题。
修复了在禁用悬停时高亮显示时,切片图表(饼图、金字塔图、漏斗图)的自动光标不会在鼠标移动时更新的问题。
修复了在附加组件不可见时添加图例时图例按钮不显示的问题。
修复了如果只更改了尺寸或旋转,则 alterSamples 不会执行任何操作的问题。
修复了即使在 toggleVisibilityOnClick 为 false 时,图例条目也会隐藏自己的问题。
修复了 BarChart 有时禁用动画的问题,即使动画已明确启用或至少未禁用。
已弃用
已弃用 LightningChartOptions.sharedContextOptions.webgl,改用 LightningChartOptions.webgl
已弃用 Axis.setTitleMargin、getTitleMargin
为更清晰区分,应使用 Axis.setMarginAfterTitle 代替

渝公网安备50010702505508