LightningChart JS是Web上性能最高的图表库具有出色的执行性能 - 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用，从而实现高刷新率和流畅的动画。非常适合用于贸易，工程，航空航天，医药和其他领域的应用。

点击下载LightningChart JS最新试用版

首先使用图表方法创建系列

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

选项1：使用样式对象进行样式设置。

系列样式的第一个选项是创建一个新对象，其中包含有关可视设置的必要信息。对于行系列，对象必须是可见的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)

选项2：使用mutator函数进行样式设置。

通常，简单地修改组件的现有样式可能更容易，而不是构建新组件。这是使用所谓的mutator函数完成的。这是一个例子：

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

我们的编码实践包括流畅的，自我返回的API，这使我们可以在一个语句中轻松调用多个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)

 推荐阅读：

JavaScript图表库LightningChart JS最新版本v1.0.0发布|附下载

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

如果你想LightningChart JS应用于商业用途，欢迎咨询慧都在线客服。

关注下方的微信公众号，及时获取产品最新资讯▼▼▼