欧美高清性爱视频,亚洲欧美国产日韩,午夜福利色色

JavaScript可視化圖表庫LightningChart JS入門第一步

翻譯|使用教程|編輯：楊鵬連|2020-11-02 09:25:14.773|閱讀 351 次

概述：LightningChart JS是基于WebGL的，閃電般快速的實時數據可視化圖表庫，其重點是出色的性能。本文介紹了JavaScript可視化圖表庫LightningChart JS入門第一步。

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

點擊下載LightningChart JS最新試用版

Javascript包

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

LightningChart

這對于每個lcjs應用程序都是必需的，因為它需要創建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許可證，必須將其作為參數傳遞給lightningChart，如下所示：

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

myLicenseString 可以是用于開發的開發許可證，也可以是用于部署的部署許可證。

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

// Create an instance of LightningChart for creation of charts.
// ----- Application Deployment licensed version -----
const lc = lightningChart(myLicenseString, licenseInformationObject);

licenseInformationObject是一個實現對象AppDeploymentLicenseInformation交互。

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

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

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

如上例所示，LightningChart®JS API文檔中列出的任何條目都是可導入的。

用法示例

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 },
]);

想要購買LightningChart JS正版授權，或了解更多產品信息請點擊