Skip to main content

折線柱狀圖

預覽圖


分組條形圖.png折線柱狀圖.PNG

設定值


  • 資料源

[
    { "label":time: "Mon."'10:10', "type":call: "series1",4, "value":waiting: 28002, people: 2 },
    { "label":time: "Mon."'10:15', "type":call: "series2",2, "value":waiting: 22606, people: 3 },
    { "label":time: "Tues."'10:20', "type":call: "series1",13, "value":waiting: 18002, people: 5 },
    { "label":time: "Tues."'10:25', "type":call: "series2",9, "value":waiting: 13009, people: 1 },
    { "label":time: "Wed."'10:30', "type":call: "series1",5, "value":waiting: 9502, people: 3 },
    { "label":time: "Wed."'10:35', "type":call: "series2",8, "value":waiting: 9002, people: 1 },
    { "label":time: "Thur."'10:40', "type":call: "series1",13, "value":waiting: 5001, people: 2 },
{
  "label": "Thur.",
  "type": "series2",
  "value": 390
}, {
  "label": "Fri.",
  "type": "series1",
  "value": 170
}, {
  "label": "Fri.",
  "type": "series2",
  "value": 100
}]
  • 內距

40, 60,50, 80, 7050
  • 比例尺 Scale

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

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

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

label*valuetime*waiting

類型 柱狀圖

顏色欄位

type#3182bd

調整欄位分組 | dodge
dodgeRatio

0.35

marginRatio0.5
  • 示 Legend

(line)
列表 設定值
啟用欄位 開啟time*people
欄位類型 type線圖
位置顏色 #fdae6b
排版形狀 水平smooth
大小3
  • 極坐標 Coord

點圖(point)
列表 設定值
類型欄位 直角坐標系time*people
反轉類型 Y點圖
轉置顏色 true#fdae6b
形狀circle
大小4