用LightningChart JS實現Javascript數據可視化

LightningChart JS實現Javascript數據可視化

 

Niilo Keinänen

LightningChart JS是網絡和移動應用的下一代數據可視化工具的頂級競爭者。從一開始,它就被設計用來處理最大尺寸的數據集和緊張的使用情況。

 

在已經推出的21個版本中,我們已經走了很長的路。現在是反思爲什麼LightningChart JS是革命性的圖表庫的好時機

 

回到幾年前,當時還不存在任何利用硬件加速的通用數據可視化工具。在這一時期,人們的工作資源非常有限,只有小到1萬個項目的數據集處理起來相當麻煩。

 

作爲參考,這裏有一個8年前的Stack overflow線程,涉及到一個開發者在努力將一個有10^5個點的數據集可視化。這個問題相當受關注,目前有>27k的瀏覽量,而且可以預料的是,有大量的評論和答案試圖解決這個問題。

 

一些答案直接說有太多的數據點,而另一些則提到了一些聽起來相當複雜的數據管理模式來優化可視化。最終,即使是公認的答案也會導致說明數據點的數量對於這個特定的可視化框架來說實在是太多了。

 

高性能的Javascript圖表庫

 

現在,由於我們已經晚了八年,我們自然不會在這裏解決原來的問題,但我,還是繼續發佈了一個答案,可能會讓這個主題的發起人在確信之前審視一下他們的觀點。

 

  1. 導入LightningChart JS
  2. 編寫~10行代碼。

 

你現在有了一個有100,000個數據點的散點圖(比要求的多10倍),可以在~100毫秒內完成所有可能的閃電式互動、縮放、平移和光標。這個圖表可以在99%以上的現代設備中使用,從個人電腦到筆記本電腦、電話甚至是嵌入式系統。

8年的時間有很大的不同,你不覺得嗎?然而,這並不只是因爲時間的流逝和技術的進步。即使到了今天,很多人仍然在使用有這種性能限制的舊數據可視化工具。

 

讓我們看看另一個例子,一個有3年曆史的Stack Overflow線程,有人正在爲一個可縮放的熱圖圖表而苦惱。以下是該線程主人的一段話:

 

"有沒有什麼辦法讓它更快/更流暢,還是說它的點數太多,這就是我所能得到的最好結果?我想知道是否有什麼訣竅可以使它對瀏覽器來說更輕盈,同時保留工具提示等增強功能。"

 

我將破壞這個問題的答案,有幾個人提出了不同的技巧,涉及到數百行的代碼,會稍微提高性能。有些人建議用更有效的技術來實現他們的渲染框架--這不是很有幫助

 

LightningChart實現Javascript數據可視化

 

我們再次發佈了一個代碼片段,展示了在使用現代工具時這個問題是如何變成一個非問題的。LightningChart JS不需要任何額外的技巧,就能輕鬆地產生一個具有即時縮放交互功能的熱圖圖表。

 

這個表現不佳的熱力圖有一個360 x 75個數據點的數據集,總共有27000個數據點,而Lightning Chart JS卻能處理數十億的數據點

有時,互聯網上的文字傳播速度很慢,但我們正在走向成功。每天都有更多的人第一次體驗LightningChart JS,並意識到這不是未來--這就是現在。

 

你還在等什麼呢?獲取市場上最好的JS圖表庫的實踐經驗,探索大量的數據可視化工具。請記住,我們的社區許可證對非商業和研究目的是100%免費的。

現在就試試吧!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章