Skip to main content

氣泡圖

圖片僅供參考,此點圖會浮動 

預覽圖


擾動點圖.png氣泡圖.png

設定值


https://g2.antv.vision/zh/examples/data/bubble.json
( 資料來源:AntV )
格式:
[
{continent: "Americas",Country: "Argentina",LifeExpectancy: 75.32,GDP: 12779.37964,Population: 40301927,},
{continent: "Americas",Country: "Brazil",LifeExpectancy: 72.39,GDP: 9065.800825,Population: 190010647,},
......
]
  • 內距

40, 40, 60, 60
  • 比例尺 Scale

Class( GDPX軸)
列表 設定值
欄位 ClassGDP
類型 cat

linear

刻度數量 5 優化數據範圍 開啟

    軸座標 Axis

    Score( X軸 )
    列表最小值 設定值0 欄位格式化函數 Scorefunction formatter(value) { 啟用return 開啟(value / 1000).toFixed(0) 位置+ left'k';
    Class( Y軸 )}
    列表 設定值 欄位 Class 啟用 開啟 刻度現 - 顏色 #A14242 次要刻度 - 數量 2 次要刻度 - 顏色 #A14242
    • 圖 Geom

    點圖(point)
    列表 設定值
    欄位

    Class*ScoreGDP*LifeExpectancy

    類型 點圖
    顏色欄位 Gradecontinent
    形狀 circle
    大小欄位

    Population

    大小參數 44,65 調整欄位 擾動 | Jitter
    • 圖示 Legend

    列表 設定值
    啟用 開啟
    欄位 ClassPopulation
    位置
    排版 水平
    水平偏移量

    140

    水平間距

    80