Search Results

預覽圖 設定值 資料源 - AntV https://g2.antv.vision/zh/examples/data/scatter.json （ 資料來源：AntV ） 格式： [ {gender: "female",height: 161.2,weight: 51.6,}, {gender: "female",height: 167.5,weight: 59,}, ...... ] 內距 40, 40, 60, 60 圖 Geom 點圖（...

圖片僅供參考，此點圖會浮動 預覽圖 設定值 資料源 - AntV https://g2.antv.vision/zh/examples/data/dv-grades.json （ 資料來源：AntV ） 格式： [ {Class: "Summer 2013",Grade: "C",Score: 72.5,}, {Class: "Summer 2013",Grade: "C",Score: 77.5,}, ...... ] 內距 40, 40, 60, 60...

圖片僅供參考，此點圖會浮動 預覽圖 設定值 資料源 - AntV https://g2.antv.vision/zh/examples/data/bubble.json （ 資料來源：AntV ） 格式： [ {continent: "Americas",Country: "Argentina",LifeExpectancy: 75.32,GDP: 12779.37964,Population: 40301927,}, {continent: "Americas",Count...

面積圖用於估計數量隨時間而變化的程度，也可用於引起人們對總值趨勢的注意。他們最常用於表現趨勢和關係，而不是傳達特定的值。 預覽圖 設定值 資料源 [{ year: '1991', value: 15468 }, { year: '1992', value: 16100 }, { year: '1993', value: 15900 }, { year: '1994', value: 17409 }, { year: '1995...

和基本面積圖一樣，唯一的區別就是圖上每一個數據集的起點不同，起點是基於前一個數據集的，用於顯示每個數值所佔大小隨時間或類別變化的趨勢線，展示的是部分與整體的關係。 層疊面積圖上的最大的面積代表了所有的數據量的總和，是一個整體。各個疊起來的面積表示各個數據量的大小，這些堆疊起來的面積圖在表現大數據的總量分量的變化情況時格外有用，所以層疊面積圖不適用於表示帶有負值的數據集。非常適用於對比多變量隨時間變化的情況。 預覽圖 設定值 資料源 [{ country: 'Asia', y...

預覽圖 設定值 資料源 [{ time: 1246406400000, constest: 21.5, temperature: [14.3, 27.7] }, { time: 1246492800000, constest: 22.1, temperature: [14.5, 27.8] }, { time: 1246579200000, constest: 23, temperature: [15.5, 29.6] }, { ...

預覽圖 設定值 資料源 [{ time: 1246406400000, constest: 21.5, temperature: [14.3, 27.7] }, { time: 1246492800000, constest: 22.1, temperature: [14.5, 27.8] }, { time: 1246579200000, constest: 23, temperature: [15.5, 29.6] }, { ...

預覽圖 設定值 資料源 [{ year: '1996', north: 322, south: 162 }, { year: '1997', north: 324, south: 90 }, { year: '1998', north: 329, south: 50 }, { year: '1999', north: 342, south: 77 }, { year: '2000', north: ...

如果一個數據集中包含了一個分類變量和一個或者多個連續變量，那麼你可能會想知道連續變量會如何隨著分類變量水平的變化而變化，而箱形圖就可以提供這種方法，它只用了5個數字對分佈進行概括，即一組數據的最大值、最小值、中位數、下四分位數及上四分位數。對於數據集中的異常值，通常會以單獨的點的形式繪製。箱形圖可以水平或者垂直繪製。箱形圖多用於數值統計，雖然相比於直方圖和密度曲線較原始簡單，但是它不需要佔據過多的畫布空間，空間利用率高，非常適用於比較多組數據的分佈情況。 預覽圖 設定值 資料源 [{ ...

預覽圖 設定值 資料源 [{ low: 1, q1: 9, median: 16, q3: 22, high: 24 }] 內距 40, 40, 60 前置處理函數 Transform 數據加工（ map ） 列表 設定值 類型 數據加工 加工函數 function callback(obj) { obj.range = [obj.low, obj.q1, obj.median, obj.q...

預覽圖 設定值 資料源 [{ x: 'Oceania', low: 1, q1: 9, median: 16, q3: 22, high: 24 }, { x: 'East Europe', low: 1, q1: 5, median: 8, q3: 12, high: 16 }, { x: 'Australia', low: 1, q1: 8, median: 12, q3: 19,...

預覽圖 設定值 資料源 [{ x: '職業 A', low: 20000, q1: 26000, median: 27000, q3: 32000, high: 38000, outliers: [50000, 52000] }, { x: '職業 B', low: 40000, q1: 49000, median: 62000, q3: 73000, high: 88000, outliers: [32...

燭形圖主要用於金融領域裡展示股票，期貨等交易數據，按照時間維度分為日 K 線、週 K 線、月 K 線。展示的數據需要滿足 K 線構成的四要素：即開盤價、收盤價、最高價、最低價。 預覽圖 設定值 資料源 - AntV https://g2.antv.vision/zh/examples/data/candle-sticks.json （ 資料來源：AntV ） 格式: [{ time: "2015-11-19", start: 8.18, max: 8.33, min: 7...

預覽圖 設定值 資料源 - AntV https://g2.antv.vision/zh/examples/data/stock-03.json （ 資料來源：AntV ） 格式： [{ date: 1186444800000, range: [22.258032033902,25.4889359321959,], start: 22.75, end: 23.44, lowest: 22.69, highest: 23.7, mean: 23.335, tren...

預覽圖 設定值 資料源 [{ item: 'Design', a: 70, b: 30 }, { item: 'Development', a: 60, b: 70 }, { item: 'Marketing', a: 50, b: 60 }, { item: 'Users', a: 40, b: 50 }, { item: 'Test', a: 60, b: 70 }, { item...

預覽圖 設定值 資料源 [{"x": 0,"y": 0},{"x": 1,"y": 0.0785},{"x": 2,"y": 0.1568},{"x": 3,"y": 0.2347},{"x": 4,"y": 0.3119},{"x": 5,"y": 0.3882},{"x": 6,"y": 0.4635},{"x": 7,"y": 0.5376},{"x": 8,"y": 0.6101},{"x": 9,"y": 0.681},{"x": 10,"y": 0.75},{"x": 11,"...

預覽圖 設定值 資料源 [{ consumption: 0.65, price: 1, year: 1965 }, { consumption: 0.66, price: 1.05, year: 1966 }, { consumption: 0.64, price: 1.1, year: 1967 }, { consumption: 0.63, price: 1.12, year: 1968 }, { c...

預覽圖 設定值 資料源 [ {year: 1884,change: -0.28,}, {year: 1885,change: -0.32,}, {year: 1886,change: -0.31,}, {year: 1887,change: -0.33,}, {year: 1888,change: -0.2,}, {year: 1889,change: -0.12,}, {year: 1890,change: -0.37,}, {year: 1891,change: -0....

預覽圖 設定值 資料源 [ { time: '10:10', call: 4, waiting: 2, people: 2 }, { time: '10:15', call: 2, waiting: 6, people: 3 }, { time: '10:20', call: 13, waiting: 2, people: 5 }, { time: '10:25', call: 9, waiting: 9, people: 1 }, { t...

總圖預覽 設定值 資料 繪製圖表的資料源（可程式化） 內距 邊與內容的距離 上 , 右 ,下 , 左 （舉例：40 ,40 ,95 ,80） 上 , 左右 , 下 （舉例：40 ,60 ,80） 上下 , 左右 （舉例：80 ,60） 上右下左 （舉例：50） 更新預覽 將設定值重新繪製上圖表區塊（更新圖表區塊）