翻譯|使用教程|編輯:董玉霞|2022-06-24 10:40:59.350|閱讀 177 次
概述:本文展示并描述了LightningChart JS的一個特定用例,這是一種 JavaScript 圖表工具,專為性能密集型和實時圖表解決方案而設(shè)計。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
本文展示并描述了LightningChart JS的一個特定用例,這是一種 JavaScript 圖表工具,專為性能密集型和實時圖表解決方案而設(shè)計。
Google 靜態(tài)地圖 API 是一種軟件服務(wù),可以輕松地將地圖圖片嵌入到網(wǎng)站中。我們將簡要展示如何使用 Maps API 并將其與 LightningChart JS 結(jié)合使用,允許使用地圖上方的任何 XY 數(shù)據(jù)可視化功能。
在實際使用方面,Maps API 非常簡單。下面是一個最小的 HTML 代碼片段,它已經(jīng)生成了一個漂亮的地圖。
基本思想很容易理解 - 您提供坐標(緯度/經(jīng)度或位置名稱),然后接收圖片。
此用例的下一步是在地圖圖片上方疊加 LightningChart XY 數(shù)據(jù)可視化功能。這使得可以添加75 個可用的 XY 數(shù)據(jù)可視化應(yīng)用程序中的任何一個,并使用散點系列、線系列、熱圖等功能來渲染地理空間數(shù)據(jù)集。
連接JS圖表控件LightningCharts 和谷歌地圖的方法很簡單。您只需在 JavaScript 中加載地圖圖片并將其分配給圖表的系列背景樣式,現(xiàn)在我們可以在 LightningChart JS 中看到地圖。
啟用地理空間數(shù)據(jù)可視化的最后一步是配置圖表軸間隔以匹配地圖圖片的緯度/經(jīng)度視圖。通過一些數(shù)學運算,我們能夠計算出與谷歌地圖圖片上任何像素相匹配的坐標。
之后,我們可以通過簡單地使用緯度/經(jīng)度坐標作為 XY 軸值來可視化世界上的任何位置!
世界上充滿了在地圖上進行交互和繪圖的解決方案。事實上,如果您是一個正在尋找一種簡單的方法來顯示地圖以及可能在其上顯示一些數(shù)據(jù)的開發(fā)人員,那么它可能會讓您感到困惑。
相信 LightningChart JS 和谷歌靜態(tài)地圖的結(jié)合適用于技術(shù)簡單的項目,這些項目應(yīng)該由資深和初級經(jīng)驗豐富的開發(fā)人員實施。
本文引用的代碼作為開源代碼存儲庫發(fā)布,任何人都可以自由試驗,你可以在GitHub中找到它。
加入LightningChart技術(shù)交流群:786598704 了解更多咨詢。
如果您不熟悉 LightningChart JS 及其 XY 數(shù)據(jù)可視化功能的相關(guān)教程,您可以點擊 LightningChart JS 使用教程了解更多信息。
慧都提供專業(yè)的石油行業(yè)數(shù)字化解決方案,各類物探數(shù)據(jù)的解釋和可視化圖形化的管理、實現(xiàn)動態(tài)圖像的采集、傳輸、存儲、轉(zhuǎn)換,點擊了解詳更多詳情。
想要了解或購買LightningChart JS正版授權(quán)的朋友,歡迎咨詢
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn