LightningChart JS是Web上性能最高的圖表庫具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時(shí)監(jiān)控?cái)?shù)十個(gè)數(shù)據(jù)源。 GPU加速和WebGL渲染確保您的設(shè)備的圖形處理器得到有效利用，從而實(shí)現(xiàn)高刷新率和流暢的動(dòng)畫。非常適合用于貿(mào)易，工程，航空航天，醫(yī)藥和其他領(lǐng)域的應(yīng)用。

點(diǎn)擊下載LightningChart JS最新試用版

LightningChart JS是基于WebGL的，閃電般快速的實(shí)時(shí)數(shù)據(jù)可視化圖表庫，其重點(diǎn)是出色的性能。性能測試結(jié)果證明，它能夠以2D和3D可視化其他JS庫所無法提供的流數(shù)據(jù)速率。最快的JavaScript渲染圖庫。

交互式示例，可即時(shí)進(jìn)行代碼編輯

使用典型的臺式機(jī)的性能結(jié)果：

• 流，滾動(dòng)線系列：1百萬個(gè)數(shù)據(jù)點(diǎn)：60 FPS（重繪/秒）
• 流，滾動(dòng)區(qū)域系列：1百萬個(gè)數(shù)據(jù)點(diǎn)：57 FPS（重繪/秒）
• OHLC燭臺：1百萬個(gè)數(shù)據(jù)點(diǎn)：57 FPS（重涂/秒）

• GPU加速和WebGL渲染
• 直觀的觸摸屏交互功能，包括縮放，平移，移動(dòng)數(shù)據(jù)光標(biāo)等
• 儀表板控件，能夠呈現(xiàn)100多個(gè)圖表。
• 支持服務(wù)器端渲染（與我們的@ arction / lcjs-headless包一起使用）
• 圖表類型：3D，XY，熱圖，雷達(dá)/蜘蛛圖，餅圖/甜甜圈圖，漏斗圖，量規(guī)和金字塔圖

安裝

1.從NPM安裝并使用捆綁器

從NPM安裝庫軟件包。

npm install --save @arction/lcjs

該軟件包可與任何支持CommonJS的捆綁器一起使用。可以使用的打包程序的一些示例是WebPack，Parcel和Rollup。

查看我們有關(guān)LightningChart JS的入門視頻，以了解實(shí)際效果。

我們的任何示例都可以用作種子項(xiàng)目。該頁面上的所有示例均針對獨(dú)立的存儲庫，可在我們的GitHub上找到。獨(dú)立示例存儲庫

2.直接在網(wǎng)頁上使用IIFE捆綁包

該庫隨瀏覽器就緒的IIFE捆綁包一起分發(fā)。此捆綁包可直接在帶有script標(biāo)簽的瀏覽器中使用。您可以在我們的GitHub上看到此方法的示例實(shí)現(xiàn)。LightningChart JS html用法示例。

我們所有的示例都可以在html頁面中使用。要使用它們，請首先從交互式示例中找到要使用的示例。點(diǎn)擊Edit this example。在頁面底部，單擊顯示為的按鈕CJS。這將使我們的代碼兼容IIFE。之后，可以將代碼復(fù)制到html頁面。

許可選項(xiàng)

非商業(yè)性，社區(qū)許可

社區(qū)許可證與NPM軟件包一起以LICENSE文件形式分發(fā)，也可以從以下網(wǎng)址找到：https：//www.arction.com/lightningchart-js-eula-community/

未經(jīng)許可使用該庫時(shí)，它將在圖表上帶有LightningChart JS徽標(biāo)。徽標(biāo)是指向LightningChart JS產(chǎn)品頁面的鏈接。

當(dāng)圖表在沒有許可證密鑰的情況下運(yùn)行時(shí)，與使用有效許可證的情況相比，性能會(huì)有小幅下降。

商業(yè)執(zhí)照

可以從以下網(wǎng)址找到商業(yè)許可證：https：//www.arction.com/lightningchart-js-eula-commercial/

如果您使用的不是社區(qū)許可證，則適用商業(yè)許可證。

開發(fā)許可證

在商業(yè)環(huán)境中進(jìn)行開發(fā)需要開發(fā)許可證。許可證已通過許可證服務(wù)器驗(yàn)證。許可證驗(yàn)證需要Internet連接。每個(gè)開發(fā)人員都需要自己的開發(fā)許可證。有關(guān)如何使用開發(fā)許可證，請參見“使用許可證”。使用開發(fā)密鑰時(shí)，圖表將與生產(chǎn)中的圖表一樣。

部署許可證

商業(yè)用途需要部署許可證。部署許可證的提供方式與開發(fā)許可證相同。有關(guān)如何使用部署許可證，請參閱“使用許可證”。

使用部署許可證時(shí)，將顯示不帶LightningChart JS徽標(biāo)的圖表。部署許可證支持“部署測試”域。如果該庫當(dāng)前正在運(yùn)行的域與使用部署許可證指定的部署測試域匹配，則該圖表將在圖表頂部顯示“ Deployment Test”文本。該域旨在支持使用暫存環(huán)境，并且能夠在不更改許可證的情況下切換到生產(chǎn)版本。

應(yīng)用程序部署許可證

在Web以外的其他平臺上部署任何應(yīng)用程序都需要應(yīng)用程序部署許可證。有關(guān)如何使用應(yīng)用程序部署許可證，請參閱“使用許可證”。

使用應(yīng)用程序部署許可證時(shí)，將顯示不帶LightningChart JS徽標(biāo)的圖表。

購買

可以在我們的網(wǎng)站上找到不同的購買選項(xiàng)。

入門

Javascript包

該庫作為單個(gè)javascript 模塊分發(fā)。它的出口可分為兩類：

閃電圖

這對于每個(gè)lcjs應(yīng)用程序都是必需的，因?yàn)樗枰獎(jiǎng)?chuàng)建Charts，Dashboards，LegendBoxes。它的用法始終相同：

// 導(dǎo)入庫。
const { lightningChart } = require （“ @ arction / lcjs ”） ;     
 
// 創(chuàng)建一個(gè)lightningChart實(shí)例來創(chuàng)建圖表。
const lc = lightningChart （） ;   
 
// 使用“ LightningChart”界面的方法創(chuàng)建圖表。
const cartesianChart = lc 。ChartXY （） ;   
const spiderChart = lc 。蜘蛛（） ;   
//  ...

要使用LightningChart JS許可證，必須將其作為參數(shù)傳遞給lightningChart，如下所示：

// 創(chuàng)建一個(gè)LightningChart實(shí)例來創(chuàng)建圖表。
//  -----許可版本-----
const lc = lightningChart （ myLicenseString ） ;   

要使用LightningChart JS應(yīng)用程序部署許可證，您還必須傳遞一個(gè)包含許可證信息的對象。

// 創(chuàng)建一個(gè)LightningChart實(shí)例來創(chuàng)建圖表。
//  -----應(yīng)用程序部署許可版本-----
const lc = lightningChart （ myLicenseString ，  licenseInformationObject ） ;   

個(gè)別導(dǎo)出樣式，設(shè)置，實(shí)用程序，構(gòu)建器...

LightningChart®JS還包括其他一系列導(dǎo)出，用于樣式設(shè)置，配置圖表以及與圖表進(jìn)行交互，構(gòu)建不同的UI元素以及其他內(nèi)容。這些可以根據(jù)需要從lcjs模塊中導(dǎo)入：

// 從LightningChart®JS模塊導(dǎo)入所需的零件。
const { 
    lightningChart ，
    色彩RGBA ，
    AxisScrollStrategies ，
    //  ... 
}  = require （“ @ arction / lcjs ”） ; 

用法示例

const { lightningChart ，DataPatterns } = require （“ @ arction / lcjs ”） ;      
 
// 創(chuàng)建笛卡爾圖表。
const chart = lightningChart （）。ChartXY （） ;   
 
// 添加一個(gè)系列，以渲染針對X進(jìn)行優(yōu)化的行。
const lineSeries = chart 。addLineSeries （{   
    dataPattern ：數(shù)據(jù)模式。horizontalProgressive ， 
} ） ;
 
// 附加點(diǎn)位置。（請注意，選定的數(shù)據(jù)模式期望它們以X遞增。）
lineSeries 。添加（[
    {  x ：0 ，  y ：0 } ，   
    {  x ：20 ，  y ：0 } ，   
    {  X ：45 ，  ? ：- 47 } ，   
    {  x ：53 ，  y ：335 } ，   
    {  x ：57 ，  y ：26 } ，   
    {  x ：62 ，  y ：387 } ，   
    {  x ：74 ，  y ：104 } ，   
    {  x ：89 ，  y ：0 } ，   
    {  x ：95 ，  y ：100 } ，   
    {  x ：100 ，  y ：0 } ，   
] ） ;

想要購買LightningChart JS正版授權(quán)，或了解更多產(chǎn)品信息請點(diǎn)擊