翻譯|使用教程|編輯:吳園園|2019-11-26 10:45:45.640|閱讀 366 次
概述:本系列文章將為您介紹JavaScript圖表庫LightningChart JS交互示例,此示例顯示如何繪制不同顏色點(diǎn)的群集。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
LightningChart JS是Web上性能最高的圖表庫具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時監(jiān)控數(shù)十個數(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)的群集,如何獲得序列的邊界并使用它們在每個群集周圍繪制框架。
繪制點(diǎn)云集群的最有效方法是利用PointSeries??梢栽谝郧暗慕坛讨姓业接嘘P(guān)如何配置點(diǎn)的視覺外觀的描述,并且可以在API文檔中找到更多信息。
// Create point series which represents a single cluster.const cluster = chart.addPointSeries()
界線
每個系列根據(jù)數(shù)據(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空間中的兩個點(diǎn)定義。相同的方法適用于所有系列以及任何方向上的漸進(jìn)系列。
推薦閱讀:
LightningChart JS重磅上新,你值得擁有的性能最高的JavaScript圖表庫!
=====================================================
如果你想LightningChart JS應(yīng)用于商業(yè)用途,歡迎。
關(guān)注下方的微信公眾號,及時獲取產(chǎn)品最新資訊▼▼▼
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: