← highcharts
antv 是螞蟻金服全新一代資料視覺化解決方案，致力於提供一套簡單方便、專業可靠、無限可能的資料視覺化最佳實踐。
antv 包括以下解決方案：
g2：視覺化引擎
g2plot：圖表庫
g6：圖視覺化引擎
graphin：基於 g6 的圖分析元件
f2：移動視覺化方案
l7：地理空間資料視覺化
g2 案例：折線圖
const data = [,,
,,,,
,,,const chartdom = document.getelementbyid('g2-chart');
const plot = new g2plot.line(chartdom,
#map
const scene = new l7.scene()
.source(data)
.shape('circle')
.size('capacity', [ 0, 16 ])
.color('capacity', [
'#34b6b7',
'#4ac5af',
'#5fd3a6',
'#7be39e',
'#a1edb8',
'#cef8d6'
.active(true)
.style({
opacity: 0.5,
strokewidth: 0
scene.addlayer(pointlayer);
antv l7 的繪圖流程
引入 js 庫
編寫渲染容器 dom
初始化地圖物件 l7.scene
請求資料
資料清洗
初始化繪圖物件(如：l7.pointlayer)
呼叫 l7.scene.addlayer 方法繪圖
檢視高德地圖 key 獲取方法
移動端禁止觸控滾動
當移動端頁面顯示彈窗時，滑動螢幕，彈窗下方的頁面竟然可以上下滑動 雖然點選不到彈窗下方的內容，但仍然看不習慣 查閱資料後，給整個彈窗設定禁止觸控滾動，如下 由於頁面中存在多個彈窗，所以獲取了所有彈窗，再給每個彈窗設定禁止滾動 var masks document.getelementsbyclass...
移動端開發 禁止橫屏
對於移動端的頁面，很多時候是不希望橫屏顯示的，有可能橫屏顯示頁面顯示不全或者影響美觀，也或者其他的方面。那麼有什麼辦法能解決這一問題呢？看成品請移步文章最後,看效果請點這裡 下面就簡單講講兩種方法 1.通過判斷視窗寬高值的比值判斷是否橫屏 對於正常手機螢幕來說，視窗寬度是小於視窗高度的，即 寬度 高...
C 視窗禁止移動的方法
1，視窗屬性中有locked屬性，設定為true。在自己進行編碼的時候並沒能找到這個屬性，貌似只能在視窗設計時進行設定，故此方法無可控性 2，視窗屬性中有formborderstyle屬性，設定為none 或者在 中設定 form1.activeform.formborderstyle formbo...