彩票走势图

JavaScript图表库LightningChart JS交互示例:样式

翻译|使用教程|编辑:吴园园|2019-09-02 11:23:51.027|阅读 380 次

概述:本系列文章将为您介绍JavaScript图表库LightningChart JS交互示例,此示例显示如何绘制样式系列。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

JavaScript图表库LightningChart JS交互示例:样式

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应用于商业用途,欢迎

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

JavaScript图表库LightningChart JS交互示例:样式


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP