Line Chart

Based on Vega-Lite

Default

KPI Overview
State
@filters = [
  %{
    label: "Active players",
    value: "3,174",
    color: "frieza",
    is_active: true,
    data_key: "actives"
  },
  %{
    label: "Turnover",
    value: "12,174.23",
    color: "krillin",
    is_active: true,
    data_key: "turnover"
  },
  %{
    label: "GGR",
    value: "12,174.23",
    color: "roshi",
    is_active: false,
    data_key: "ggr"
  },
  %{
    label: "Bets",
    value: "3,174",
    color: "whis",
    is_active: true,
    data_key: "bets"
  },
  %{
    label: "Margin",
    value: "5.38%",
    color: "chichi",
    is_active: false,
    data_key: "margin"
  }
]

@values = [ %{y: 47, category: "actives", x: "1/06"}, %{y: 62, category: "turnover", x: "1/06"}, %{y: 75, category: "ggr", x: "1/06"}, %{y: 96, category: "bets", x: "1/06"}, %{y: 82, category: "margin", x: "1/06"}, %{y: 38, category: "actives", x: "2/06"}, %{y: 47, category: "turnover", x: "2/06"}, %{y: 69, category: "ggr", x: "2/06"}, %{y: 44, category: "bets", x: "2/06"}, %{y: 72, category: "margin", x: "2/06"}, %{y: 57, category: "actives", x: "3/06"}, %{y: 42, category: "turnover", x: "3/06"}, %{y: 57, category: "ggr", x: "3/06"}, %{y: 47, category: "bets", x: "3/06"}, %{y: 62, category: "margin", x: "3/06"}, %{y: 67, category: "actives", x: "4/06"}, %{y: 75, category: "turnover", x: "4/06"}, %{y: 34, category: "ggr", x: "4/06"}, %{y: 37, category: "bets", x: "4/06"}, %{y: 86, category: "margin", x: "4/06"}, %{y: 58, category: "actives", x: "5/06"}, %{y: 33, category: "turnover", x: "5/06"}, %{y: 45, category: "ggr", x: "5/06"}, %{y: 58, category: "bets", x: "5/06"}, %{y: 96, category: "margin", x: "5/06"}, %{y: 72, category: "actives", x: "6/06"}, %{y: 36, category: "turnover", x: "6/06"}, %{y: 58, category: "ggr", x: "6/06"}, %{y: 43, category: "bets", x: "6/06"}, %{y: 62, category: "margin", x: "6/06"}, %{y: 60, category: "actives", x: "7/06"}, %{y: 30, category: "turnover", x: "7/06"}, %{y: 64, category: "ggr", x: "7/06"}, %{y: 60, category: "bets", x: "7/06"}, %{y: 95, category: "margin", x: "7/06"}, %{y: 69, category: "actives", x: "8/06"}, %{y: 63, category: "turnover", x: "8/06"}, %{y: 75, category: "ggr", x: "8/06"}, %{y: 70, category: "bets", x: "8/06"}, %{y: 71, category: "margin", x: "8/06"}, %{y: 87, category: "actives", x: "9/06"}, %{y: 53, category: "turnover", x: "9/06"}, %{y: 75, category: "ggr", x: "9/06"}, %{y: 34, category: "bets", x: "9/06"}, %{y: 78, category: "margin", x: "9/06"}, %{y: 47, category: "actives", x: "10/06"}, %{y: 73, category: "turnover", x: "10/06"}, %{y: 55, category: "ggr", ...}, %{y: 100, ...}, %{...}, ... ]