三级伦理日韩在线观看,老色批网站,精品国产a

JavaScript圖表庫(kù)LightningChart JS交互示例：樣式

翻譯|使用教程|編輯：吳園園|2019-09-02 11:23:51.027|閱讀 426 次

概述：本系列文章將為您介紹JavaScript圖表庫(kù)LightningChart JS交互示例，此示例顯示如何繪制樣式系列。

相關(guān)鏈接：

JavaScript圖表庫(kù)LightningChart JS交互示例：樣式

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最新試用版

首先使用圖表方法創(chuàng)建系列

// Add a spline series using default X and Y axes.const splineSeries = chart.addSplineSeries()

選項(xiàng)1：使用樣式對(duì)象進(jìn)行樣式設(shè)置。

系列樣式的第一個(gè)選項(xiàng)是創(chuàng)建一個(gè)新對(duì)象，其中包含有關(guān)可視設(shè)置的必要信息。對(duì)于行系列，對(duì)象必須是可見的SolidLine類型。

// Create a new instance of visible solid line-style.const strokeStyle = new SolidLine()
    // Set desired fill style of the stroke.
    .setFillStyle(
        // SolidLine can have only SolidFill fill-style.
        new SolidFill().setColor(ColorRGBA(96, 204, 232))
    )
    // Set thinkness of the stroke.
    .setThickness(5.0)// Apply styling settings to the series.
splineSeries.setStrokeStyle(strokeStyle)

選項(xiàng)2：使用mutator函數(shù)進(jìn)行樣式設(shè)置。

通常，簡(jiǎn)單地修改組件的現(xiàn)有樣式可能更容易，而不是構(gòu)建新組件。這是使用所謂的mutator函數(shù)完成的。這是一個(gè)例子：

// Modify the previous Stroke style of a SplineSeries, by overriding its previous thickness.
splineSeries.setStrokeStyle(strokeStyle => strokeStyle.setThickness(1.0))

我們的編碼實(shí)踐包括流暢的，自我返回的API，這使我們可以在一個(gè)語(yǔ)句中輕松調(diào)用多個(gè)setter。

splineSeries
    .setStrokeStyle(strokeStyle)
    // 'transparentFill' is a static constant that needs to be imported from the library in order to be used.
    // It is used to draw things with transparent fill that aren't disposable - like the points of a PointLineSeries.
    .setPointFillStyle(transparentFill)

=====================================================

如果你想LightningChart JS應(yīng)用于商業(yè)用途，歡迎。

關(guān)注下方的微信公眾號(hào)，及時(shí)獲取產(chǎn)品最新資訊▼▼▼

JavaScript圖表庫(kù)LightningChart JS交互示例：樣式