實(shí)驗(yàn)1通過(guò)Web的方式展示數(shù)據(jù)

負(fù)責(zé)人：張愷01目錄通過(guò)Web的方式展示數(shù)據(jù)實(shí)驗(yàn)1：通過(guò)Web的方式展示數(shù)據(jù)1通過(guò)Web的方式展示數(shù)據(jù)Echarts1.Echarts概念Echarts它是一個(gè)純JavaScript的圖標(biāo)庫(kù)，兼容絕大部分的瀏覽器，底層依賴輕量級(jí)的canvas類庫(kù)ZRender，提供直觀，生動(dòng)，可交互，可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計(jì)算、數(shù)據(jù)視圖、值域漫游等特性大大增強(qiáng)了用戶體驗(yàn)，賦予了用戶對(duì)數(shù)據(jù)進(jìn)行挖掘、整合的能力。2.ECharts特性（1）豐富的可視化類型：提供了常規(guī)的折線圖、柱狀圖、散點(diǎn)圖、餅圖、K線圖，用于統(tǒng)計(jì)的盒形圖，用于地理數(shù)據(jù)可視化的地圖、熱力圖、線圖，用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖、treemap、旭日?qǐng)D，多維數(shù)據(jù)可視化的平行坐標(biāo)，還有用于BI的漏斗圖，儀表盤(pán)，并且支持圖與圖之間的混搭。（2）多種數(shù)據(jù)格式無(wú)需轉(zhuǎn)換直接使用:內(nèi)置的dataset屬性（4.0+）支持直接傳入包括二維表，key-value等多種格式的數(shù)據(jù)源，此外還支持輸入TypedArray格式的數(shù)據(jù)。通過(guò)Web的方式展示數(shù)據(jù)（3）千萬(wàn)數(shù)據(jù)的前端展現(xiàn)：通過(guò)增量渲染技術(shù)（4.0+），配合各種細(xì)致的優(yōu)化，ECharts能夠展現(xiàn)千萬(wàn)級(jí)的數(shù)據(jù)量。（4）移動(dòng)端優(yōu)化：針對(duì)移動(dòng)端交互做了細(xì)致的優(yōu)化，例如移動(dòng)端小屏上適于用手指在坐標(biāo)系中進(jìn)行縮放、平移。PC端也可以用鼠標(biāo)在圖中進(jìn)行縮放（用鼠標(biāo)滾輪）、平移等。（5）多渲染方案，跨平臺(tái)使用：支持以Canvas、SVG（4.0+）、VML的形式渲染圖表。（6）深度的交互式數(shù)據(jù)探索：提供了圖例、視覺(jué)映射、數(shù)據(jù)區(qū)域縮放、tooltip、數(shù)據(jù)刷選等開(kāi)箱即用的交互組件，可以對(duì)數(shù)據(jù)進(jìn)行多維度數(shù)據(jù)篩取、視圖縮放、展示細(xì)節(jié)等交互操作。（7）多維數(shù)據(jù)的支持以及豐富的視覺(jué)編碼手段：對(duì)于傳統(tǒng)的散點(diǎn)圖等，傳入的數(shù)據(jù)也可以是多個(gè)維度的。通過(guò)Web的方式展示數(shù)據(jù)（8）動(dòng)態(tài)數(shù)據(jù)：數(shù)據(jù)的改變驅(qū)動(dòng)圖表展現(xiàn)的改變。（9）絢麗的特效：針對(duì)線數(shù)據(jù)，點(diǎn)數(shù)據(jù)等地理數(shù)據(jù)的可視化提供了吸引眼球的特效。（10）通過(guò)GL實(shí)現(xiàn)更多更強(qiáng)大絢麗的三維可視化：在VR，大屏場(chǎng)景里實(shí)現(xiàn)三維的可視化效果。（11）無(wú)障礙訪問(wèn)（4.0+）：支持自動(dòng)根據(jù)圖表配置項(xiàng)智能生成描述，使得盲人可以在朗讀設(shè)備的幫助下了解圖表內(nèi)容，讓圖表可以被更多人群訪問(wèn)。通過(guò)Web的方式展示數(shù)據(jù)通過(guò)Web的方式展示數(shù)據(jù)我們使用ECharts多渲染方案，跨平臺(tái)使用的特點(diǎn)來(lái)實(shí)現(xiàn)本次數(shù)據(jù)展示，因?yàn)镋Charts支持以Canvas、SVG（4.0+）、VML的形式渲染圖表。而Canvas形式是HTML5提供的一種新標(biāo)簽,IE9才開(kāi)始支持的，Canvas是一個(gè)矩形區(qū)域的畫(huà)布，可以用JS控制每一個(gè)像素在上面繪畫(huà)。Canvas標(biāo)簽使用JavaScript在網(wǎng)頁(yè)上繪制圖像，本身不具備繪圖功能。Canvas擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。通過(guò)Web的方式展示數(shù)據(jù)實(shí)驗(yàn)步驟：1.使用Python包管理工具pip安裝最新版的Django版本。2.安裝mysql驅(qū)動(dòng)。3.下載項(xiàng)目所需要的