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

點擊下載LightningChart JS最新試用版

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

交互式示例，可即時進行代碼編輯

使用典型的臺式機的性能結果：

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

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

安裝

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

從NPM安裝庫軟件包。

npm install --save @arction/lcjs

該軟件包可與任何支持CommonJS的捆綁器一起使用?？梢允褂玫拇虬绦虻囊恍┦纠荳ebPack，Parcel和Rollup。

查看我們有關LightningChart JS的入門視頻，以了解實際效果。

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

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

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

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

許可選項

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

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

未經(jīng)許可使用該庫時，它將在圖表上帶有LightningChart JS徽標?；諛耸侵赶騆ightningChart JS產品頁面的鏈接。

當圖表在沒有許可證密鑰的情況下運行時，與使用有效許可證的情況相比，性能會有小幅下降。

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

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

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

開發(fā)許可證

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

部署許可證

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

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

應用程序部署許可證

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

使用應用程序部署許可證時，將顯示不帶LightningChart JS徽標的圖表。

購買

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

入門

Javascript包

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

閃電圖

這對于每個lcjs應用程序都是必需的，因為它需要創(chuàng)建Charts，Dashboards，LegendBoxes。它的用法始終相同：

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

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

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

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

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

個別導出樣式，設置，實用程序，構建器...

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

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

用法示例

const { lightningChart ，DataPatterns } = require （“ @ arction / lcjs ”） ;      
 
// 創(chuàng)建笛卡爾圖表。
const chart = lightningChart （）。ChartXY （） ;   
 
// 添加一個系列，以渲染針對X進行優(yōu)化的行。
const lineSeries = chart 。addLineSeries （{   
    dataPattern ：數(shù)據(jù)模式。horizontalProgressive ， 
} ） ;
 
// 附加點位置。（請注意，選定的數(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正版授權，或了解更多產品信息請點擊