LightningChart JS是Web上性能最高的圖表庫(kù)具有出色的執(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最新試用版

相關(guān)推薦：

JavaScript可視化圖表庫(kù)LightningChart JS最新版安裝教程

Javascript包

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

LightningChart

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

// Import library.
const { lightningChart } = require("@arction/lcjs");
 
// Create an instance of lightningChart for creation of charts.
const lc = lightningChart();
 
// Create charts using methods of 'LightningChart'-interface.
const cartesianChart = lc.ChartXY();
const spiderChart = lc.Spider();
// ...

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

// Create an instance of LightningChart for creation of charts.
// ----- Licensed version -----
const lc = lightningChart(myLicenseString);

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

// Create an instance of LightningChart for creation of charts.
// ----- Application Deployment licensed version -----
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)入：

// Import required parts from LightningChart® JS module.
const {
    lightningChart,
    ColorRGBA,
    AxisScrollStrategies,
    // ... 
} = require("@arction/lcjs");

用法示例

const { lightningChart, DataPatterns } = require("@arction/lcjs");
 
// Create a cartesian chart.
const chart = lightningChart().ChartXY();
 
// Add a series for rendering a line optimized for progressing by X.
const lineSeries = chart.addLineSeries({
    dataPattern: DataPatterns.horizontalProgressive,
});
 
// Append point locations. (Note that selected Data Pattern expects them to be progressive by X)
lineSeries.add([
    { x: 0, y: 0 },
    { x: 20, y: 0 },
    { x: 45, y: -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 },
]);

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