1. 拿到實時的擁堵數(shù)據(jù) ( 無恥地抄襲 )
2. 流量不大就用ajax輪訓(xùn),流量大用websocket

不知道題主問的到底是繪制這種圖？還是實時獲取數(shù)據(jù)呢？

如果是指繪制的話，svg和canvas都是一種選擇，框架的話echart、d3都可以，當然還有一個jq的插件subway-map-visualization-jquery-plugin

如果是指實時獲取數(shù)據(jù)的話，可以用comet或者WebSocket，當然ajax每隔1秒請求一次數(shù)據(jù)也是可以的。
其實comet也可以這么理解：ajax做一次請求，后臺阻塞請求直到數(shù)據(jù)有刷新再返回給前臺，前臺收到數(shù)據(jù)后再請求下一次，往復(fù)循環(huán)就好。

至于分段高亮么，不論是svg也還還是canvas也好，只要繪制結(jié)構(gòu)是對應(yīng)分段的就好了~~

你看下 d3 echart等數(shù)據(jù)可視化框架。

應(yīng)該是基于背景圖，想在上面畫標注吧，可以用canvas造個和背景圖相同尺寸的，底色透明，然后量好每個點的，x/y相對左上角的像素差，把圖片/顏色畫到對應(yīng)的點上，這個不復(fù)雜，調(diào)下就好了

拿到實時的擁堵數(shù)據(jù)，然后展現(xiàn)在圖上...

離職~