0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

SciChart—高性能的JavaScript图表和图形库

哲想软件 来源:哲想软件 2025-01-22 10:15 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

使用 SciChart 的 JavaScript 图表库为您的 JS 应用程序发现终极解决方案。

使用 WebGL 创建动态、高速的图表和图形,非常适合实时处理复杂的数据可视化。使用我们强大而灵活的 JS 图表工具提升您的 JavaScript 项目。

8338357a-d794-11ef-9310-92fbcf53809c.png

与众不同的 JavaScript 图表

这不是您的标准 JavaScript 图表库!我们拥有数以万计的1000多种出口类型的属性,我们已经建立了SciChart.js来处理科学、医疗、金融、航空航天、赛车运动和F1或石油和天然气中最苛刻的JS图表和绘图要求。

JavaScript 图表性能

SciChart 令人难以置信的 JavaScript Chart 性能是由我们专有的 C++ 跨平台 3D 图形引擎 Visual Xccelerator 实现的。该引擎完全针对浏览器中的WebGL和WebAssembly进行硬件加速。

借助 SciChart 的 JavaScript 图表库,现在可以在 JavaScript 折线图、散点图或烛台图中显示数百万个数据点,并实时更新。还可以在单个网页上绘制数千个系列或数百个快速 JavaScript 图形,而不会使用户界面停滞不前。

834b40c0-d794-11ef-9310-92fbcf53809c.png

满足复杂要求的 JavaScript 图表

对于复杂、苛刻的航空航天、赛车和F1,或者石油和天然气的图表,你需要将JS图表中的交互提升到一个新的水平。

使用 SciChart.js 您可以通过鼠标获取序列悬停、序列选择、数据点选择甚至更新图表数据的回调。

不要费力地创建复杂的需求,使用 SciChart.js 在更短的时间内实现更多目标。

837f827c-d794-11ef-9310-92fbcf53809c.png

链接用于交互式仪表板的 JavaScript 图表

使用链接的多个图表创建丰富的仪表板。SciChart.js 提供了创建 JS 仪表板、复杂财务或股票图表或应用程序(可动态添加/删除链接图表窗格)的构建块。

将两个图表添加到您的应用程序中,将它们链接成一个组以同步缩放、同步光标和(可选)同步图表大小。多个 JS 图表可以作为一个图表

8399c858-d794-11ef-9310-92fbcf53809c.png

了解 SciChart.js 功能

无限多个 X、Y 轴

我们的 JavaScript 图表库具有无限的多个 X 轴和 Y 轴。

将多个 X 轴放在 Top 或 Bottom 上,将 Y 轴放在 Left 或 Right 上。一侧的多个轴也是可能的。您可以将 X、Y 轴放在中心。您可以使用隐藏轴来独立缩放数据。

通过在左/右上显示 X 轴,在上/下显示 Y 轴来创建垂直图表。垂直或水平堆叠轴以创建 ECG 图表。在同一图表上混合线性、对数或类别轴,并在我们的 JavaScript 图表和图形中拥有无限的自定义布局。

83a72296-d794-11ef-9310-92fbcf53809c.png

83bf8d86-d794-11ef-9310-92fbcf53809c.png

注释和标记

我们的 JavaScript 图表库具有强大的注释 API,允许您在图表上的特定 Xy 数据点或相对坐标 (%, 像素) 处放置注释和标记

有很多开箱即用的注释,例如 line、box、text 等。如果要显示自定义标记或目标点,可以使用自定义注释。

SciChart 的 JavaScript 图表库支持与注释交互,您可以允许用户单击注释、拖动和调整大小。

83e3fbda-d794-11ef-9310-92fbcf53809c.png

83f2c07a-d794-11ef-9310-92fbcf53809c.png

光标、工具提示和图例

使用我们的一系列行为修饰符将工具提示添加到您的 JS 图表和图形中。SciChart 支持开箱即用的可选十字准线、可拖动的垂直线、可放置的光标、工具提示和图例。

配置工具提示中显示的内容、设置文本格式并包含其他元数据。对图例交互做出反应,以显示/隐藏系列或切换应用程序状态。

840a2b84-d794-11ef-9310-92fbcf53809c.png

84235438-d794-11ef-9310-92fbcf53809c.png

高级缩放和平移

我们的 JavaScript 图表为您提供了缩放、平移和滚动图表的 API。您可以允许用户在 X 和/或 Y 方向上平移或缩放图表;以编程方式设置 axis.visibleRange 或为其设置动画,以平移或缩放。

监听 zoom回调的 visibleRangeChanged 事件。独立缩放或鼠标滚轮轴。或者,通过我们的 JavaScript 图表库中强大的 ChartModifier API 开发自定义鼠标交互扩展。

84408224-d794-11ef-9310-92fbcf53809c.png

845aa41a-d794-11ef-9310-92fbcf53809c.png

样式设置、主题设置、制作动画

我们的 JavaScript 图表控件在主题管理器中附带了 3 个令人惊叹的主题,您只需一行代码即可将其应用于您的图表。主题会影响默认光标、缩放、轴、网格和系列颜色。

您可以进一步自定义您的 JavaScript 图表并创建自己的自定义主题。

此外,任何内容都可以进行动画处理,包括样式、数据和鼠标悬停或单击时的过渡。

847374e0-d794-11ef-9310-92fbcf53809c.png

849150be-d794-11ef-9310-92fbcf53809c.png

JS 中的财务/股票图表

我们的 JS 图表支持多种开箱即用的财经图表类型,包括烛台、ohlc、山(面积)、成交量柱和波段列(范围高/低填充))

SciChart 允许链接多个 JS 图表(多窗格应用程序)、多个轴类型(对数、日期、数字)等。使用我们灵活的图表构建块 – 您可以创建丰富的自定义金融和交易应用程序。您还可以为我们的图表贴上白标,以准确创建用户想要的体验。

84b82bd0-d794-11ef-9310-92fbcf53809c.png

84e4aa84-d794-11ef-9310-92fbcf53809c.png

JavaScript 3D 图表

SciChart.js 支持 WebGL 驱动的 JavaScript 3D 图表,包括实时 3D 表面网格、3D 点云图、3D 散点图、3D 气泡图和 3D 点折线图。

我们的 JS 3D 图表既实时又交互式,允许在图表应用程序中动态更新和无缝缩放、平移和旋转 3D 场景。

850544f6-d794-11ef-9310-92fbcf53809c.png

85327fe8-d794-11ef-9310-92fbcf53809c.png

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • javascript
    +关注

    关注

    0

    文章

    525

    浏览量

    56024
  • 图表
    +关注

    关注

    0

    文章

    33

    浏览量

    9170

原文标题:SciChart—高性能的 JavaScript 图表和图形库

文章出处:【微信号:哲想软件,微信公众号:哲想软件】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    炎核开源开放平台上架推出OpenSparseBlas高性能稀疏计算

    在科学计算与工程仿真领域,高效处理大规模稀疏矩阵运算是提升整体计算效能的关键。为此,我们在炎核开源开放平台上架推出 OpenSparseBlas——一个专为稀疏矩阵/向量计算而打造的高性能稀疏计算
    的头像 发表于 12-15 15:18 204次阅读

    详解ROMA中复杂图表的渲染实现

    一、背景 ROMA承接很多复杂图表的渲染需求,在京东金融APP内,特别是首页首屏的图表,对图表渲染的及时性要求很高。近期业务反馈频繁重启时,首页的黄金走势图偶现渲染不出的问题,通过梳理图表
    的头像 发表于 10-21 13:57 273次阅读
    详解ROMA中复杂<b class='flag-5'>图表</b>的渲染实现

    华纳云为游戏数据选择高性能NVMe SSD存储

    游戏数据对速度、可靠性和可扩展性有极高要求。随着在线游戏的发展,开发者越来越依赖NVMe SSD存储来提供服务器租用和服务器托管解决方案。本文将指导您了解为游戏数据选择高性能NVMe SSD存储
    的头像 发表于 09-30 16:03 850次阅读

    深入了解U8g2与LVGL图形

    在单片机开发领域,图形显示功能变得越来越重要。无论是工业控制界面、智能家居设备,还是手持仪器仪表,都需要一个高效且易用的图形来实现丰富的可视化效果。U8g2 和 LVGL 就是其中两款备受关注的
    的头像 发表于 02-13 11:01 3552次阅读

    RK3568高性能处理器特性概述

    图形标准,内嵌高性能2D加速硬件,能够满足复杂的图形处理需求。 多媒体支持:在多媒体方面,RK3568表现出色。它支持4K 60fps的H.265/H.264/VP9视频解码
    的头像 发表于 02-12 17:23 2171次阅读

    SciChart 3D for WPF图表

    SciChart 3D for WPF 是一个实时、高性能的 WPF 3D 图表,专为金融、医疗和科学应用程序而设计。非常适合需要极致性能
    的头像 发表于 01-23 13:49 1274次阅读
    <b class='flag-5'>SciChart</b> 3D for WPF<b class='flag-5'>图表</b><b class='flag-5'>库</b>

    Spire.XLS for JavaScript——多功能JavaScript电子表格(二)

    创建图表 图表是一种以视觉方式分组和分析数据的出色工具。它为读者提供数据集的结构,并以图形方式显示数据,这样大多数用户都能更容易看到数据。 创建数据透视表 数据透视表是一种交互式表格,让用户以简洁
    的头像 发表于 01-21 09:47 973次阅读
    Spire.XLS for <b class='flag-5'>JavaScript</b>——多功能<b class='flag-5'>JavaScript</b>电子表格<b class='flag-5'>库</b>(二)

    Spire.XLS for JavaScript——多功能JavaScript电子表格(一)

    Spire.XLS for JavaScript 是一款专为开发人员设计的 JavaScript Excel 工具,支持在任何 JavaScript 环境下直接创建、读取、编辑和转换
    的头像 发表于 01-21 09:29 829次阅读
    Spire.XLS for <b class='flag-5'>JavaScript</b>——多功能<b class='flag-5'>JavaScript</b>电子表格<b class='flag-5'>库</b>(一)

    Chart FX——图表导出

    Chart FX 提供的导出方法可以让您(或您的最终用户)以多种格式保存图表文件、图像和数据。不同平台的产品能够导出的格式也不尽相同,只有Web产品(如 Chart FX WebForms)能生成
    的头像 发表于 01-15 14:38 706次阅读
    Chart FX——<b class='flag-5'>图表</b>导出

    Chart FX——打印图表

    另一个重要的问题是图表打印的页数。当您需要打印包含大量点的图表(可滚动)时,Chart FX 将根据需要打印尽可能多的页面。若使用压缩属性, Chart FX 会通过重新计算适当的值使所有点都能
    的头像 发表于 01-13 09:12 656次阅读
    Chart FX——打印<b class='flag-5'>图表</b>

    Chart FX-图表渲染尺寸和格式

    渲染尺寸 网络开发人员的常见做法是创建一个大图表,以便于在浏览器上阅读。然而,这种做法可能是影响服务器在大负载情况下的表现和性能的一个重要因素。从本质上讲,图表越大,意味着必须处理、生成、存储和最终
    的头像 发表于 01-08 11:25 599次阅读
    Chart FX-<b class='flag-5'>图表</b>渲染尺寸和格式

    Chart FX-选择图表输出

    图表选择输出时,最简单的方法是使用 Chart FX 智能标签向导。 通过 Chart FX 服务器控件控制图表输出有几种不同的方法。其中一种仅需允许浏览器检测功能生成适合(发出请求的)客户端
    的头像 发表于 01-05 11:06 812次阅读
    Chart FX-选择<b class='flag-5'>图表</b>输出

    鸿蒙原生页面高性能解决方案上线OpenHarmony社区 助力打造高性能原生应用

    NEXT的原生页面高性能解决方案,从页面滑动、跳转及应用冷启动等关键环节,为开发者提供全面的支持。目前,这些解决方案均已上线OpenHarmony开源社区,可在OpenHarmony三方中心仓进行搜索,欢迎开发者多多使用和共建,打造更极致
    发表于 01-02 18:00

    javascript:void(0) 的作用是什么

    javascript:void(0) 在 HTML 和 JavaScript 中是一个常见的表达式,主要用来创建一个无操作的链接(通常是 标签)或者阻止默认事件处理。具体来说,它的作用有以下几点
    的头像 发表于 12-31 15:55 4152次阅读

    Stellaris图形用户指南

    电子发烧友网站提供《Stellaris图形用户指南.pdf》资料免费下载
    发表于 12-23 16:19 0次下载
    Stellaris<b class='flag-5'>图形</b><b class='flag-5'>库</b>用户指南