JavaScript图表库LightningChart JS交互示例：不同颜色点的群集-控件新闻-慧都网

JavaScript图表库LightningChart JS交互示例：不同颜色点的群集

翻译|使用教程|编辑：吴园园|2019-11-26 10:45:45.640|阅读 320 次

概述：本系列文章将为您介绍JavaScript图表库LightningChart JS交互示例，此示例显示如何绘制不同颜色点的群集。

相关链接：

JavaScript图表库LightningChart JS交互示例：不同颜色点的群集

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

点击下载LightningChart JS社区版

点簇

本示例说明如何创建颜色不同的点的群集，如何获得序列的边界并使用它们在每个群集周围绘制框架。

绘制点云集群的最有效方法是利用PointSeries。可以在以前的教程中找到有关如何配置点的视觉外观的描述，并且可以在API文档中找到更多信息。

//  Create point series which represents a single cluster.const cluster = chart.addPointSeries()

界线

每个系列根据数据输入和系列配置自动计算其边界。使用以下方法获取轴值的边界：

// Cache min corner of a series (this would be bottom left on progressive axes).const minCorner = {
    x: series.getXMin(),
    y: series.getYMin(),}// Cache max corner of a series (this would be top right on progressive axes).const maxCorner = {
    x: series.getXMax(),
    y: series.getYMax(),}

边界矩形由2D空间中的两个点定义。相同的方法适用于所有系列以及任何方向上的渐进系列。

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

如果你想LightningChart JS应用于商业用途，欢迎。

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

JavaScript图表库LightningChart JS交互示例：不同颜色点的群集