16 前端顯示

2018-02-24 15:53 更新

前端顯示

16.1 庫與車輪子

在多數(shù)的情況下我們都沒有理由也沒有必要去重新發(fā)明我們的車輪,在這時使用庫會是一個比較好的做法。

16.2 庫

16.2.1 jQuery Mobile

jQuery Mobile是jQuery 在手機上和平板設(shè)備上的版本。jQuery Mobile不僅會給主流移動平臺帶來jQuery核心庫,而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說:能開發(fā)這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。

16.3 網(wǎng)站前臺顯示

16.3.1 Highcharts

Highcharts有以下的特點

  • 兼容性:兼容當(dāng)今所有的瀏覽器,包括 iPhone、IE 和火狐等等;
  • 對個人用戶完全免費;
  • 純JS,無BS;
  • 支持大部分的圖表類型:直線圖,曲線圖、區(qū)域圖、區(qū)域曲線圖、柱狀圖、餅裝圖、散布圖;
  • 跨語言:不管是 PHP、Asp.net 還是 Java 都可以使用,它只需要三個文件:一個是Highcharts 的核心文件 highcharts.js,還有 a canvas emulator for IE 和 Jquery類庫或者 MooTools 類庫;
  • 提示功能:鼠標(biāo)移動到圖表的某一點上有提示信息;
  • 放大功能:選中圖表部分放大,近距離觀察圖表;
  • 易用性:無需要特殊的開發(fā)技能,只需要設(shè)置一下選項就可以制作適合自己的圖表;
  • 時間軸:可以精確到毫秒;

在這里只需將需要處理的數(shù)據(jù)存儲到數(shù)組中,便可以將其渲染成為圖形,下面的溫度走勢圖便是基于Highcharts的結(jié)果:

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號