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: "chi-chi",
    data_key: "margin",
    is_active: false,
    label: "Margin",
    value: "5.38%"
  }
]

@values = [ %{category: "actives", x: "1/06", y: 46}, %{category: "turnover", x: "1/06", y: 72}, %{category: "ggr", x: "1/06", y: 82}, %{category: "bets", x: "1/06", y: 95}, %{category: "margin", x: "1/06", y: 88}, %{category: "actives", x: "2/06", y: 56}, %{category: "turnover", x: "2/06", y: 51}, %{category: "ggr", x: "2/06", y: 36}, %{category: "bets", x: "2/06", y: 44}, %{category: "margin", x: "2/06", y: 37}, %{category: "actives", x: "3/06", y: 49}, %{category: "turnover", x: "3/06", y: 60}, %{category: "ggr", x: "3/06", y: 30}, %{category: "bets", x: "3/06", y: 60}, %{category: "margin", x: "3/06", y: 56}, %{category: "actives", x: "4/06", y: 57}, %{category: "turnover", x: "4/06", y: 86}, %{category: "ggr", x: "4/06", y: 98}, %{category: "bets", x: "4/06", y: 32}, %{category: "margin", x: "4/06", y: 48}, %{category: "actives", x: "5/06", y: 99}, %{category: "turnover", x: "5/06", y: 33}, %{category: "ggr", x: "5/06", y: 76}, %{category: "bets", x: "5/06", y: 84}, %{category: "margin", x: "5/06", y: 98}, %{category: "actives", x: "6/06", y: 77}, %{category: "turnover", x: "6/06", y: 62}, %{category: "ggr", x: "6/06", y: 78}, %{category: "bets", x: "6/06", y: 94}, %{category: "margin", x: "6/06", y: 46}, %{category: "actives", x: "7/06", y: 36}, %{category: "turnover", x: "7/06", y: 46}, %{category: "ggr", x: "7/06", y: 64}, %{category: "bets", x: "7/06", y: 48}, %{category: "margin", x: "7/06", y: 70}, %{category: "actives", x: "8/06", y: 68}, %{category: "turnover", x: "8/06", y: 32}, %{category: "ggr", x: "8/06", y: 63}, %{category: "bets", x: "8/06", y: 98}, %{category: "margin", x: "8/06", y: 48}, %{category: "actives", x: "9/06", y: 86}, %{category: "turnover", x: "9/06", y: 53}, %{category: "ggr", x: "9/06", y: 37}, %{category: "bets", x: "9/06", y: 59}, %{category: "margin", x: "9/06", y: 75}, %{category: "actives", x: "10/06", y: 51}, %{category: "turnover", x: "10/06", y: 97}, %{category: "ggr", x: "10/06", ...}, %{category: "bets", ...}, %{...}, ... ]