Skip to main content

折線柱狀圖

預覽圖


折線柱狀圖.PNG

設定值


  • 資料源

[
    { 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 },
    { time: '10:30', call: 5, waiting: 2, people: 3 },
    { time: '10:35', call: 8, waiting: 2, people: 1 },
    { time: '10:40', call: 13, waiting: 1, people: 2 }
]
  • 內距

40, 50, 50
  • 比例尺 Scale

列表 設定值
欄位 people
類型 linear
最小值 0
最大值 5
  • 軸座標 Axis

time(X軸
列表 設定值
欄位 time
啟用 開啟
標籤 - 文字樣式 - 大小 18
刻度線 - 長度 5
網格 - 類型
網格 - 線條樣式 - 顏色
#ffffff
網格 - 線條樣式 - 透明度 100
people(Y軸)
列表 設定值
欄位 people
啟用 開啟
標籤 - 文字樣式 - 顏色
#fdae6b
  • 圖 Geom

柱狀圖( interval )
列表 設定值
欄位

time*waiting

類型 柱狀圖

顏色

#3182bd

線圖(line)
列表 設定值
欄位 time*people
類型 線圖
顏色 #fdae6b
形狀 smooth
大小 3
點圖(point)
列表 設定值
欄位 time*people
類型 點圖
顏色 #fdae6b
形狀 circle
大小 4