数据可视化图表库LightningChart JS 全新发布v7.0——提高视觉质量
LightningChart JS是Web上性能特高的图表库，具有出色的执行性能 - 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用，从而实现高刷新率和流畅的动画，常用于贸易，工程，航空航天，医药和其他领域的应用。
LightningChart JS v7.0版本包括新的产品特性、视觉质量、新的图表示例等。
立即获取LightningChart JS v7.0正式版
全新的产品特性
LightningChart JS v.7.0引入了新的产品特性，以下是概述：
对内置交互的更改
最新版本的LightningChart JS，它具有全新的直观交互，可以实现无缝的开发体验：
- 双击缩放匹配交互
- 根据图表结构自动内置智能交互方案选择
- 更好的触摸屏交互
- 在滚动轴应用程序上更方便的交互
引入setUserInteractions
官方正在引入一个新的API，允许更详细的交互操作配置：
- 选择受交互作用影响的轴（X、Y或两者）
- 启用基于Ctrl、Shift或Alt组合键的交互
- 根据您的应用要求调整平移和变焦灵敏度
- 探索新的交互，如分页、缩放还原、键盘控制和3D轴修改
// Right mouse click on Y axis title
chart.axisY.title.addEventListener('contextmenu', (event) => {}) // Drag & drop something over chart series area chart.seriesBackground.addEventListener('drop', (event) => {})
// Hover pointer over a data point
pointSeries.addEventListener('pointermove', (event, dataPoint) => {
})
// dataPoint.x, dataPoint.y, dataPoint.id自定义交互的更改
- 简化的API - 现在遵循熟悉的addEventListener/removeEventListener语法，以便更容易实现。
- 一致的跨设备交互 - 以前的鼠标、触摸和拖动交互现在在所有设备上都是一致的。
- 右键支持 - 添加上下文菜单事件处理，来改进交互选项。
- 扩展交互跟踪 - 现在包括图表标题、轴标题、地图区域等。
- 拖放支持 - 支持在图表中移动元素或集成外部HTML元素，如交换轴或添加数据源。
// Right mouse click on Y axis title
chart.axisY.title.addEventListener('contextmenu', (event) => {}) // Drag & drop something over chart series area chart.seriesBackground.addEventListener('drop', (event) => {})
// Hover pointer over a data point
pointSeries.addEventListener('pointermove', (event, dataPoint) => {
})
// dataPoint.x, dataPoint.y, dataPoint.id文本系列
在ChartXY中显示文本的一个新的、更有效的API提高了性能和可用性，它支持viewport剪切，并提供了调整文本大小和边界的方便方法，使其在许多情况下成为chart.addUIElement()的合适替代品。
ChartXY布局更改事件
一个新的便利API提供了对ChartXY元素的结构、布局和位置的详细了解，它对于静态长宽比应用程序或将UI元素与图表组件（如轴）对齐特别有用。
提高视觉质量
UI元素中的圆角——图例、光标、矩形系列、条形图和树状图现在都以圆角为特征，以实现更现代、更有视觉吸引力的设计。
其他改进包括：
- 改进的游标可读性 - 为游标添加了单独的标题背景，使内置的游标信息更清晰，更易于阅读。
- 光标颜色适应数据点 - 当使用每个数据点的颜色时，光标现在将显示其悬停在特定数据点上的颜色，从而改善视觉环境。
轴刻度布局和显示改进
- 更少的刻度显示清晰 - 刻度的数量已经减少，来尽量减少视觉混乱，同时保持可读性。
- 改进的小轴刻度显示 - 以前非常小的轴有时只显示一个不可读的刻度，现在系统优化tick placement来获得更好的可见性。
- 刻度标签保持在图表边界内 - 默认情况下，刻度标签现在被限制在图表容器内，以防止它们在紧凑的图表布局中被切断。
- 简化的刻度标签颜色 - 内置主题现在使用单一的统一颜色的刻度标签，而不是单独的暗淡/明亮的变化，创造一个更干净的外观。
改进条形图标签拟合和添加文本阴影
- 改进的标签拟合 - 以前的算法过于保守，限制了显示标签的数量；现在可以显示更多的标签而不会造成重叠。
- 增强的文本可读性 - 微妙的文本阴影已添加到各种图表类型，使标签更清晰，更容易阅读。