Line Chart

Based on Vega-Lite

Default

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

@values = [ %{category: "actives", x: "1/06", y: 30}, %{category: "turnover", x: "1/06", y: 87}, %{category: "ggr", x: "1/06", y: 30}, %{category: "bets", x: "1/06", y: 34}, %{category: "margin", x: "1/06", y: 42}, %{category: "actives", x: "2/06", y: 58}, %{category: "turnover", x: "2/06", y: 45}, %{category: "ggr", x: "2/06", y: 76}, %{category: "bets", x: "2/06", y: 50}, %{category: "margin", x: "2/06", y: 87}, %{category: "actives", x: "3/06", y: 41}, %{category: "turnover", x: "3/06", y: 49}, %{category: "ggr", x: "3/06", y: 88}, %{category: "bets", x: "3/06", y: 81}, %{category: "margin", x: "3/06", y: 91}, %{category: "actives", x: "4/06", y: 41}, %{category: "turnover", x: "4/06", y: 41}, %{category: "ggr", x: "4/06", y: 61}, %{category: "bets", x: "4/06", y: 73}, %{category: "margin", x: "4/06", y: 57}, %{category: "actives", x: "5/06", y: 96}, %{category: "turnover", x: "5/06", y: 61}, %{category: "ggr", x: "5/06", y: 53}, %{category: "bets", x: "5/06", y: 70}, %{category: "margin", x: "5/06", y: 72}, %{category: "actives", x: "6/06", y: 32}, %{category: "turnover", x: "6/06", y: 77}, %{category: "ggr", x: "6/06", y: 31}, %{category: "bets", x: "6/06", y: 34}, %{category: "margin", x: "6/06", y: 80}, %{category: "actives", x: "7/06", y: 42}, %{category: "turnover", x: "7/06", y: 33}, %{category: "ggr", x: "7/06", y: 54}, %{category: "bets", x: "7/06", y: 48}, %{category: "margin", x: "7/06", y: 34}, %{category: "actives", x: "8/06", y: 52}, %{category: "turnover", x: "8/06", y: 67}, %{category: "ggr", x: "8/06", y: 59}, %{category: "bets", x: "8/06", y: 78}, %{category: "margin", x: "8/06", y: 77}, %{category: "actives", x: "9/06", y: 98}, %{category: "turnover", x: "9/06", y: 83}, %{category: "ggr", x: "9/06", y: 32}, %{category: "bets", x: "9/06", y: 46}, %{category: "margin", x: "9/06", y: 58}, %{category: "actives", x: "10/06", y: 50}, %{category: "turnover", x: "10/06", y: 50}, %{category: "ggr", x: "10/06", ...}, %{category: "bets", ...}, %{...}, ... ]