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

    marginRatio 0.5

      圖示 Legend

      線圖（line）
      列表 設定值
      啟用欄位 開啟time*people
      欄位類型 type線圖
      位置顏色 下#fdae6b
      排版形狀 水平smooth
      大小 3

        極坐標 Coord

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