日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
這兩個(gè)工具能幫你實(shí)現(xiàn)酷炫的數(shù)據(jù)可視化

 你想到的數(shù)據(jù)可視化，通常可能是這樣的：

但我們能實(shí)現(xiàn)的數(shù)據(jù)可視化，不僅是上面那樣的，還可以是這樣的：

這樣的：

以及這樣的：

如此高端大氣酷炫的數(shù)據(jù)可視化是如何實(shí)現(xiàn)的？

秘訣在于兩個(gè)工具——inMap & iView

（都是開(kāi)源項(xiàng)目，下載代碼即可使用，完全免費(fèi)！）

inMap

inMap是TalkingData可視化團(tuán)隊(duì)開(kāi)源的一款基于 Canvas 的大數(shù)據(jù)可視化庫(kù)，專注于大數(shù)據(jù)方向的散點(diǎn)、熱力圖、網(wǎng)格、聚合等方式展示，致力于讓大數(shù)據(jù)可視化變得簡(jiǎn)單易用。

它具有以下特性：

  • 高性能

  • 多線程

  • 多圖層疊加

  • 友好的 AP

  • 可以自定義主題

inMap 采用更加智能的地理可視化框架，主要面向從事數(shù)據(jù)可視化應(yīng)用相關(guān)的工程師和設(shè)計(jì)師。

底層繪圖引擎：目前基于 canvas 2d 提供基礎(chǔ)繪圖能力，基于 WebGL 的版本正在規(guī)劃中；

算法：內(nèi)置了經(jīng)緯度墨卡托轉(zhuǎn)換、文字避讓算法、***標(biāo)記點(diǎn)算法、自動(dòng)分組標(biāo)記配色算法等。

inMap 的每個(gè)算法都是為了增強(qiáng)用戶體驗(yàn)，追求***效果，打造偉大的產(chǎn)品。

inMap 的接口設(shè)計(jì)非常友好，希望讓開(kāi)發(fā)者通過(guò)簡(jiǎn)單的配置，就能快速構(gòu)建出優(yōu)美的可視化效果。

官網(wǎng)：http://inmap.talkingdata.com

GitHub：https://github.com/TalkingData/inmap

iView

iView 是TalkingData可視化團(tuán)隊(duì)開(kāi)源的一套基于 Vue.js 的 UI 組件庫(kù)，主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品。

它具有以下特性：

  • 高質(zhì)量、功能豐富

  • 友好的 API ，自由靈活地使用空間，面向任何技術(shù)水平的開(kāi)發(fā)者

  • 細(xì)致、漂亮的 UI

  • 事無(wú)巨細(xì)的文檔

  • 可自定義主題

同時(shí) iView 也是一整套的前端解決方案，包括了設(shè)計(jì)規(guī)范、多語(yǔ)言（目前 iView 支持 15 國(guó)語(yǔ)言）、自定義主題、服務(wù)端渲染。

iView 支持 Vue.js 2.x、Vue.js 1.x、服務(wù)端渲染、Nuxt.js、Electron等。

iView 目前在 GitHub 上有 13,000 多 star，從 star 數(shù)量、口碑和功能性、UI / UE上，iView 都排在全球同類產(chǎn)品的 Top3。

官網(wǎng)：https://www.iviewui.com

GitHub：https://github.com/iView/iView

iView 新版本發(fā)布

在過(guò)去的兩個(gè)多月里，iView 陸續(xù)發(fā)布了 2.9.0 和 2.10.0 兩個(gè)重要版本。這兩個(gè)版本總共有 255 個(gè) commit，超過(guò) 40 項(xiàng)更新。來(lái)看一下，iView 具體有哪些更新：

一、日期組件 DatePicker 的重構(gòu)

首先是在 2.10.0 對(duì)日期組件 DatePicker 的重構(gòu)。DatePicker 是 iView 48 個(gè)組件里最復(fù)雜的組件之一。復(fù)雜的功能使得代碼邏輯非常重，在許多新特性的支持上，比如兼容不同國(guó)家的日歷規(guī)范等都很難在此基礎(chǔ)上迭代，不得不推倒重來(lái)。

SergioCrisostomo 之前有開(kāi)發(fā)過(guò)日期相關(guān)的 JS 庫(kù)（https://github.com/SergioCrisostomo/js-calendar），所以對(duì)日期相關(guān)的功能點(diǎn)和 API 非常熟，iView 也是基于此庫(kù)進(jìn)行的重構(gòu)。

新的日期組件主要增加了以下功能：

1. 范圍選擇支持從右往左選擇。

之前在范圍選擇時(shí)，必須先選起點(diǎn)，再選終點(diǎn)，也就是從左往右選，但很多用戶的習(xí)慣卻剛好相反。該版本則同時(shí)支持兩個(gè)方向的選擇。

2. 新增 split-panels 屬性，開(kāi)啟后，左右兩面板可以不聯(lián)動(dòng)。

之前在范圍選擇時(shí)，左右兩個(gè)面板是聯(lián)動(dòng)的，也就是右邊永遠(yuǎn)比左邊大一個(gè)月，任何一個(gè)面板切換月份或年份，另一個(gè)面板都會(huì)自動(dòng)切換。該版本則可以設(shè)置為不聯(lián)動(dòng)，這樣方便定位起始月份和結(jié)束月份。如圖所示：

3. 新增 multiple 屬性，開(kāi)啟后，可以選擇多個(gè)日期。

雖然之前版本可以用其它 iView 組件組合出來(lái)一個(gè)多選的日期，但效果和交互多少會(huì)打折扣，該版本只要增加屬性 multiple，就可以在一個(gè)日期面板上同時(shí)選擇和呈現(xiàn)多個(gè)日期了。如圖所示：

4. 新增屬性 show-week-numbers，開(kāi)啟后，可以顯示星期數(shù)。

增加這個(gè)屬性，就可以在日歷面板上顯示當(dāng)前是一年的第幾周。如圖所示：

還有其它很多項(xiàng)的更新，比如新增 start-date 屬性，可以設(shè)置面板展開(kāi)時(shí)默認(rèn)顯示的日期。新增屬性 time-picker-options，可以在 type 為 datetime 和 datetimerange 下，配置 TimePicker 的屬性，比如時(shí)間間隔 steps。完整的更新可以產(chǎn)看更新日志，這里不一一列舉了。

二、鍵盤(pán)可訪問(wèn)性的支持

鍵盤(pán)的可訪問(wèn)性，主要是通過(guò)鍵盤(pán)的方向鍵、tab鍵、空格鍵等完成表單組件的切換和交互。在填寫(xiě)一個(gè)表單時(shí)（iView Form 組件），尤其有用，你可以離開(kāi)鼠標(biāo)，就完成一個(gè)復(fù)雜表單的填寫(xiě)與提交。

目前 iView ***版本支持鍵盤(pán)可訪問(wèn)性的組件有：

Button、Input、Radio、Checkbox、Switch、AutoComplete、Slider、InputNumber。更多組件還在陸續(xù)支持中。

事實(shí)上，原生的表單控件，瀏覽器都是支持鍵盤(pán)的可訪問(wèn)性的，比如