JSFiddle - React, Tailwind, and code Playground

by jhorvath

HTML

<link rel="stylesheet" href="https://rawgit.com/gionkunz/chartist-js/master/dist/chartist.min.css">
<script src="https://rawgit.com/gionkunz/chartist-js/master/dist/chartist.min.js"></script>
<div style="width: 4000px; height: 600px;" class="ct-chart"></div>

JavaScript

var data = {
  labels: [],
  series: []
};

// Nyertes odds
var winnerOdds = [2.45,1.6,8.6,2.82,3.46,4.53,1.58,2.3,1.54,2.31,3.26,1.67,2.26,3.56,3.91,3.13,1.44,1.34,1.87,2.11,3.42,1.76,5.27,1.21,1.39,2.97,1.41,2.24,1.24,3.87,2.76,1.89,1.6,2.47,3.22,3.66,4.46,3.36,2.09,1.56,3.96,5.7,1.51,2.76,3.27,3.58,4.08,2.44,5.84,1.59,2.22,1.86,3.21,6,2.31,3.76,2.42,2.07,3.17,3.29,5.72,1.35,2.95,5.98,3.14,2.75,1.2,2.47,1.62,2.87,2.26,3.77,1.77,3.16,2.79,2.52,1.9,2.08,3.83,3.28,3.04,2.18,2.31,1.62,4.21,1.97,3.57,1.56,2.65,1.88,2.68,1.81,3.82,3.12,1.82,1.42,1.4,1.19,2.58,3.75,2.68,2.03,3.47,2.4,1.92,4.57,3.15,3.06,3.29,3.61,9.29,3.19,1.58,1.19,2.22,2.27,3.07,3.12,1.67,1.69,1.66,2.6,1.62,3.88,3.95,1.46,6.37,5.19,3.12,3.26,1.99,3.24,3.96,2.67,4.55,2.36,3.23,1.76,3.15,3.36,2.67,1.88,3.19,2.8,1.41,3.26,2.22,2.1,3.68,2.16,5.73,2.38,2.15,2.88,2.23,1.55,1.96,3.25,5.7,2.2,4.15,3.3,1.28,2.33,1.73,2.26,4.2,3.94,9.19,3.58,2,2.08,1.62,1.54,1.65,2.36,3.21,3.9,2.7,4.29,1.56,4.81,4.23,1.39,3.11,2.35,3.16,3.27,2.92,1.58,1.95,3.41,3.56,3.79,6.12,1.27,3.27,2.2];

// Kimenetel 1, x, 2
var winnerOutcomes = [2,1,2,1,1.5,1.5,1,2,2,1,1.5,1,2,1.5,1.5,1.5,1,1,2,1,1.5,2,2,1,1,1,1,1,1,2,1,1,2,2,1.5,2,2,1.5,1,1,1.5,1.5,2,1,1.5,1,1,2,1.5,1,2,1,1.5,2,1,1,1,1,1.5,2,2,1,1.5,2,1.5,1,1,2,1,2,2,2,1,1.5,2,2,1,1,1.5,1.5,1.5,1,2,1,1.5,1,1.5,1,1,1,2,2,1,1.5,1,1,1,1,1,1.5,1,1,1.5,1,2,1,1.5,1.5,1.5,1.5,2,1.5,1,1,2,1,1.5,1.5,2,1,1,1,1,1.5,2,1,1,1,1.5,1.5,1,2,1.5,2,2,2,1.5,1,1.5,1,2,1,1.5,2,1,1.5,1,1,1.5,2,1,1,1,1,1,1,1,1.5,1.5,1,1.5,1.5,2,2,1,1,2,1,2,1.5,1,1,1,1,2,2,2,2,2,1.5,1,2,2,1,1.5,1,1.5,1.5,1,2,1,1.5,1.5,2,2,1,1.5,2];

//1: favorite won, 1.5: draw, 2: underdog won
var favoriteDrawUnderdogOutcomes =...