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: 68, category: "actives", x: "1/06"}, %{y: 31, category: "turnover", x: "1/06"}, %{y: 100, category: "ggr", x: "1/06"}, %{y: 88, category: "bets", x: "1/06"}, %{y: 77, category: "margin", x: "1/06"}, %{y: 83, category: "actives", x: "2/06"}, %{y: 43, category: "turnover", x: "2/06"}, %{y: 87, category: "ggr", x: "2/06"}, %{y: 95, category: "bets", x: "2/06"}, %{y: 93, category: "margin", x: "2/06"}, %{y: 86, category: "actives", x: "3/06"}, %{y: 69, category: "turnover", x: "3/06"}, %{y: 99, category: "ggr", x: "3/06"}, %{y: 68, category: "bets", x: "3/06"}, %{y: 42, category: "margin", x: "3/06"}, %{y: 35, category: "actives", x: "4/06"}, %{y: 73, category: "turnover", x: "4/06"}, %{y: 31, category: "ggr", x: "4/06"}, %{y: 55, category: "bets", x: "4/06"}, %{y: 55, category: "margin", x: "4/06"}, %{y: 100, category: "actives", x: "5/06"}, %{y: 75, category: "turnover", x: "5/06"}, %{y: 54, category: "ggr", x: "5/06"}, %{y: 84, category: "bets", x: "5/06"}, %{y: 69, category: "margin", x: "5/06"}, %{y: 70, category: "actives", x: "6/06"}, %{y: 92, category: "turnover", x: "6/06"}, %{y: 53, category: "ggr", x: "6/06"}, %{y: 31, category: "bets", x: "6/06"}, %{y: 53, category: "margin", x: "6/06"}, %{y: 62, category: "actives", x: "7/06"}, %{y: 88, category: "turnover", x: "7/06"}, %{y: 56, category: "ggr", x: "7/06"}, %{y: 75, category: "bets", x: "7/06"}, %{y: 77, category: "margin", x: "7/06"}, %{y: 81, category: "actives", x: "8/06"}, %{y: 84, category: "turnover", x: "8/06"}, %{y: 32, category: "ggr", x: "8/06"}, %{y: 89, category: "bets", x: "8/06"}, %{y: 58, category: "margin", x: "8/06"}, %{y: 76, category: "actives", x: "9/06"}, %{y: 76, category: "turnover", x: "9/06"}, %{y: 51, category: "ggr", x: "9/06"}, %{y: 40, category: "bets", x: "9/06"}, %{y: 47, category: "margin", x: "9/06"}, %{y: 61, category: "actives", x: "10/06"}, %{y: 100, category: "turnover", x: "10/06"}, %{y: 55, category: "ggr", ...}, %{y: 94, ...}, %{...}, ... ]