产品名称：SciChart JavaScript Chart Library

生产厂商：SciChart产品类别：文档管理

JavaScript Chart Library

SciChart.js是一个用于复杂任务关键型应用程序的JavaScript图表库。由WebGL和WebAssembly提供支持，它适用于所有现代浏览器和跨设备。SciChart.js与框架无关。最好与JavaScript和TypeScript一起使用，并且可以与更多的东西一起使用，包括React、Vue、Angular、Electron、Nextjs和Nuxtjs。

二维图表类型

SciChart.js支持超过20种开箱即用的图表类型（可渲染系列）。您可以在同一图表上混合、匹配和组合数百种不同类型的系列，例如将列放在线后面，或者添加带有OHLC和更多的。SciChart.js系列支持单独的样式、动画、选择和工具提示。系列API允许自定义呈现以在Javascript图表应用程序中实现无限的可配置性。

3D图表类型

使用JavaScript和SciChart.js升级您的3D数据可视化。我们的软件提供开箱即用的3D点云、3D散点图和3D表面网格图表类型。但这只是我们3D图形引擎的一小部分。

SciChart的JavaScript 3D图表库提供了一套全面的功能，包括3D世界维度、相机、轴和交互。

性能和动态更新

SciChart的JavaScript图表库专为可视化对任务至关重要的产品而构建。SciChart的性能得益于我们屡获殊荣的专有WebGL和WebAssembly渲染引擎。

我们的库允许您一次查看更多数据，并拥有具有丰富交互的动态更新图表。您可以创建绘制数百万个数据点或数千个图表系列的JavaScript或TypeScript应用程序，并且仍然允许用户以交互方式缩放、平移和更新。这使您可以根据准确的数据显示做出明智的决策。

在图表上添加对象和形状

SciChart.js支持丰富的注释API，允许您在图表上放置文本、标签、框、线、箭头、自定义形状和自定义标记。在特定的X、Y位置放置注释。这些将缩放和平移图表。或者，在相对/绝对坐标处放置注释以突出显示图表区域、为背景添加阴影、放置水印等。注释是可编辑和可交互的，允许拖动阈值、感兴趣的区域或时间戳。

系列和数据点选择

SciChart的JavaScript图表库具有点击和悬停事件的系列和数据点选择功能。当用户通过事件和回调点击数据点或系列时，您会收到通知。您可以使用它为所选元素设置不同的样式，例如更改颜色或向下钻取图表，使您的应用程序具有交互性。选择由Hit-Test API启用，它返回有关所选项目的详细信息，包括元数据。Hit-Test非常灵活，可以在点、垂直切片或区域周围的半径上进行。它已经用于显示工具提示和翻转。

缩放、平移和交互

使用我们的JavaScript图表库，您可以添加缩放、平移、轴缩放和平移、鼠标悬停和十字准线、工具提示和图例等，以构建真正的交互式图表。可以使用ChartModifiers API和Hit-Test自定义交互。

您可以覆盖鼠标点击或手势以使用键盘，仅在一个方向（x或y）应用缩放，以及启用/禁用图例中的系列。您可以添加一个可滚动的图表概览控件以查看鸟瞰图并快速移动到图表的另一部分。您还可以控制在工具提示中显示哪些数据，等等。

动画

SciChart.js具有一个通用的动画系统，它允许您为任何东西制作动画。有多种开箱即用的动画类型可以让您的浏览器应用程序引人入胜。

您可以在外观上对图表进行动画处理，从一个数据集到另一个数据集进行动画处理，对样式（例如线条/填充颜色、粗细）进行动画处理，以及对移动注释进行动画处理。您还可以对动画进行排队，为您的数据创建精美的视觉效果。

样式和主题

SciChart.js具有多个开箱即用的主题，包括浅色主题和深色主题。SciChart支持构建自定义主题，既可以继承我们自己的主题，也可以完全定制。您可以为图表的每个元素设置样式。我们的JavaScript图表支持透明背景、图像背景以及模糊或玻璃效果背景。

SciChart.js提供了一个PaletteProvider API，它允许基于数据值或规则对系列进行逐点着色。您可以在其值超过10的地方将一条线设为红色。或者您可以根据动态更新的上涨或下跌，将股票图表中的交易量条着色为红色或绿色。设计SciChart以适合您的应用程序设计指南，使您的应用程序易于访问并取悦您的用户！

辅助功能

我们在SciChart.js中构建了辅助功能挂钩，使其适用于企业级应用程序，并允许根据WCAG指南创建图表。我们允许您创建可感知、可操作和可理解的图表。辅助功能包括画外音（图表部分的文本到语音）、主题、使用浏览器缩放和DPI缩放字体以调整文本大小、颜色和对比度自定义以及图表上的键盘交互。

视网膜支持和DPI

Scichart.js本机支持在高分辨率Retina屏幕上呈现，以及浏览器缩放功能。这使您可以在放大时获得高质量的清晰图形。图表的质量将动态更新。

过滤器和数据转换

我们的过滤器或数据转换API允许您在显示数据之前操作或操纵数据，因此当您将数据更新为原始数据集时，它将在图表上实时自动转换。使用Filters API向图表添加移动平均线和线性趋势线。您还可以添加平滑滤波器或多项式函数。您可以缩放或偏移系列，或计算两个系列之间的比率。

JSON API

如果您之前在其他平台上使用过SciChart，您将会熟悉我们基于对象的API。SciChart JavaScript的新功能——我们还包含了一个JSON Builder API，习惯了JavaScript图表库的开发人员会更加熟悉它。

Builder API允许您使用JSON或JavaScript对象创建图表定义。这是一种在服务器上或在可重用的React组件中定义图表并在整个应用程序中共享它们的简单方法。一切都是JSON可序列化的，因此您可以在服务器端创建整个图表定义。您可以根据图表的定义保存和加载/重复使用图表。这允许创建动态应用程序。

轴布局

我们的JavaScript制图软件支持图表上无限的X轴和Y轴。您可以在右侧和左侧放置多个X轴，在顶部和底部放置多个Y轴，并且都在中心。SciChart.js允许您添加垂直和水平堆叠的X和Y轴。医学中经常使用的一种功能，用于显示生命体征，一个叠加在另一个之上。

您可以独立缩放系列和轴。帮助您以最具描述性的方式呈现数据的一切。SciChart.js支持垂直或旋转图表。将Y轴对齐设置为左侧，将X轴对齐设置为顶部，这会将图表旋转90度。一项功能在石油和天然气应用中很受欢迎。所有缩放和平移都是垂直的。您可以垂直滚动图表，并使用工具提示、图例和其他交互。

轴和标签自定义

我们的JavaScript图表库具有开箱即用的多种轴类型，包括数字轴、对数轴和类别轴，通常用于股票图表。类别轴将每个Y值均匀分布在x轴上，例如，您可以在轴上放置各种水果。SciChart.js允许自定义坐标轴的所有部分：坐标轴标题、坐标轴边框、位置和背景。

您可以控制轴标签格式，可以将其设置为日期、数字、字符串（文本）或图像。您可以旋转轴标签并在其中包含多条线。Scichart.js允许您完全控制标签和图表网格线（带）的放置位置。它可以忽略轴上的数据并使用刻度提供程序放置在任何地方。SciChart.js v2.3。在轴标签中引入本机文本，这是性能的另一个提升。

图表分组和布局

使用SciChart.js，您可以链接多个图表。您可以添加子图表，并在图表中包含图表。您甚至可以在轴或工具提示中放置图表。跨图表和子图表同步交互，例如缩放和平移。在图表之间共享一个工具提示。使用技术指标创建多窗格股票图表。我们的JavaScript图表支持垂直或旋转图表，支持垂直交互，例如缩放和平移、光标和鼠标悬停。这些图表的代码很容易编写，因为它可以在每次可见范围发生变化时运行并相应地更新所有内容。

杂项API和扩展

SciChart.js有一大堆API挂钩，允许您根据自己的意愿扩展、自定义或以其他方式弯曲图表控件：

图表修改器API：允许创建不同的自定义行为，例如自定义缩放平移和自定义工具提示操作。

轴文本格式/LabelProvider API：允许更改文本格式，还将轴标签更改为自定义标签，例如字符串、前缀、后缀、科学记数法、标签旋转、图像标签等。

调色板提供者API：允许根据数据值或规则对系列进行逐点着色。您可以在其值超过10的地方将一条线设为红色。或者您可以根据动态更新的上涨或下跌，将股票图表中的交易量条着色为红色或绿色。

生成器API：将图表定义定义为JavaScript对象或JSON，并跨屏幕共享。通过在服务器端定义图表并在客户端显示来创建客户端/服务器应用程序

文档和帮助

SciChart.js专为易于使用而设计。我们提供了多套视频教程、40多个带源代码的代码示例以及数百个文档页面，以确保您可以在最短的时间内开始工作。我们的开发人员，也就是编写该库的人，正在运行对试用客户免费的论坛，并通过票证向我们的付费客户提供帮助。