午夜第一福利,日韩精品在线播放视频,国产三级在线观看视频

JavaScript圖表庫LightningChart JS交互示例：不同顏色點(diǎn)的群集

翻譯|使用教程|編輯：吳園園|2019-11-26 10:45:45.640|閱讀 366 次

概述：本系列文章將為您介紹JavaScript圖表庫LightningChart JS交互示例，此示例顯示如何繪制不同顏色點(diǎn)的群集。

相關(guān)鏈接：

JavaScript圖表庫LightningChart JS交互示例：不同顏色點(diǎn)的群集

LightningChart JS是Web上性能最高的圖表庫具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時(shí)監(jiān)控?cái)?shù)十個(gè)數(shù)據(jù)源。 GPU加速和WebGL渲染確保您的設(shè)備的圖形處理器得到有效利用，從而實(shí)現(xiàn)高刷新率和流暢的動畫。非常適合用于貿(mào)易，工程，航空航天，醫(yī)藥和其他領(lǐng)域的應(yīng)用。

點(diǎn)擊下載LightningChart JS社區(qū)版

點(diǎn)簇

本示例說明如何創(chuàng)建顏色不同的點(diǎn)的群集，如何獲得序列的邊界并使用它們在每個(gè)群集周圍繪制框架。

繪制點(diǎn)云集群的最有效方法是利用PointSeries。可以在以前的教程中找到有關(guān)如何配置點(diǎn)的視覺外觀的描述，并且可以在API文檔中找到更多信息。

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

界線

每個(gè)系列根據(jù)數(shù)據(jù)輸入和系列配置自動計(jì)算其邊界。使用以下方法獲取軸值的邊界：

// 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空間中的兩個(gè)點(diǎn)定義。相同的方法適用于所有系列以及任何方向上的漸進(jìn)系列。

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

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

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

JavaScript圖表庫LightningChart JS交互示例：不同顏色點(diǎn)的群集