xxxxxxxxxx
<html>
<body>
<script>
window.addEventListener('resize', function (event) {
$("#chart").width(window.innerWidth * 0.9);
$("#chart").height(window.innerHeight);
});
</script>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="multiSeriesLineChartCircle.js"></script>
<div id="chart" style="width: 800;height: 500">
</div>
<script>
var groupChartData = [{"2614":8,"4449":15,"over":1,"circle_4449":[],"circle_2614":[]},{"2614":15,"4449":17,"over":2,"circle_4449":[{"commentary":"1.4 Cric Jagat Malay OUT","how_to_out":" b Mohit nathani 14 (9b 2x4 1x6) SR: 155.00","fall_of_wicket":"16/1"}],"circle_2614":[{"commentary":"1.4 Savvy Jineshbhai OUT","how_to_out":" b Cric Bitu Malay 5 (6b 1x4 0x6) SR: 83.00","fall_of_wicket":"12/1"},{"commentary":"1.5 Krupal Cricket OUT","how_to_out":" run out Cric Bitu Malay 0 (1b 0x4 0x6) SR: 0.00","fall_of_wicket":"14/2"}]},{"2614":19,"4449":22,"over":3,"circle_4449":[],"circle_2614":[]},{"2614":38,"4449":30,"over":4,"circle_4449":[],"circle_2614":[]},{"2614":41,"4449":37,"over":5,"circle_4449":[],"circle_2614":[]},{"2614":47,"4449":38,"over":6,"circle_4449":[{"commentary":"5.6 Nandish Thackar OUT","how_to_out":" c †Mohit nathani b Savvy Rishi 16 (16b 2x4 0x6) SR: 100.00","fall_of_wicket":"38/2"}],"circle_2614":[]},{"2614":54,"4449":44,"over":7,"circle_4449":[],"circle_2614":[{"commentary":"6.6 Alpesh Patel OUT","how_to_out":" run out Nandish Thackar 10 (11b 1x4 0x6) SR: 90.00","fall_of_wicket":"54/3"}]},{"2614":67,"4449":46,"over":8,"circle_4449":[{"commentary":"7.2 Chirag Panchal OUT","how_to_out":" c †Mohit nathani b Savvy Rishi 1 (3b 0x4 0x6) SR: 33.00","fall_of_wicket":"44/3"}],"circle_2614":[]},{"2614":68,"4449":54,"over":9,"circle_4449":[],"circle_2614":[]},{"2614":76,"4449":63,"over":10,"circle_4449":[],"circle_2614":[]},{"2614":80,"4449":71,"over":11,"circle_4449":[],"circle_2614":[{"commentary":"10.1 Savvy Nikunj OUT","how_to_out":" c Nandish Thackar b Raj deep Gohil 9 (14b 0x4 0x6) SR: 64.00","fall_of_wicket":"76/4"}]},{"2614":80,"4449":91,"over":12,"circle_4449":[],"circle_2614":[]},{"2614":88,"4449":94,"over":13,"circle_4449":[],"circle_2614":[{"commentary":"12.4 Tejas Shah OUT","how_to_out":" c Kushal Jindal b Cric Malay 54 (39b 5x4 4x6) SR: 138.00","fall_of_wicket":"88/5"}]},{"2614":93,"4449":103,"over":14,"circle_4449":[{"commentary":"13.5 Cric Malay OUT","how_to_out":" c Savvy Rishi b Mohit nathani 39 (25b 5x4 2x6) SR: 156.00","fall_of_wicket":"102/4"}],"circle_2614":[]},{"2614":100,"4449":108,"over":15,"circle_4449":[],"circle_2614":[]},{"2614":109,"4449":122,"over":16,"circle_4449":[{"commentary":"15.3 Keval Gandhi OUT","how_to_out":" b Mohit nathani 3 (4b 0x4 0x6) SR: 75.00","fall_of_wicket":"113/5"}],"circle_2614":[]},{"2614":126,"4449":137,"over":17,"circle_4449":[{"commentary":"16.1 Kushal Jindal OUT","how_to_out":" c Savvy Sunil Kakani b Lokesh Thakkar 34 (38b 4x4 0x6) SR: 89.00","fall_of_wicket":"122/6"}],"circle_2614":[{"commentary":"16.1 Savvy Rishi OUT","how_to_out":" st †Cric Malay b Raj deep Gohil 9 (15b 1x4 0x6) SR: 60.00","fall_of_wicket":"109/6"}]},{"2614":147,"4449":147,"over":18,"circle_4449":[],"circle_2614":[]},{"2614":157,"4449":150,"over":19,"circle_4449":[{"commentary":"18.2 Raj deep Gohil OUT","how_to_out":" c Himanshu Cricket b Savvy Nikunj 3 (4b 0x4 0x6) SR: 75.00","fall_of_wicket":"148/7"},{"commentary":"18.4 Cric Bapu Malay OUT","how_to_out":" c †Savvy Rishi b Savvy Nikunj 0 (1b 0x4 0x6) SR: 0.00","fall_of_wicket":"149/8"}],"circle_2614":[]},{"2614":null,"4449":155,"over":20,"circle_4449":[{"commentary":"19.5 Ketan Thaker OUT","how_to_out":" run out Savvy Rishi 31 (16b 2x4 3x6) SR: 193.00","fall_of_wicket":"154/9"}]}];
var columnsInfo = { "2614": "Team A", "4449": "Team B" };
$("#chart").empty();
var muliSeriesChartConfig = {
mainDiv: "#chart",
colorRange: ["#2a98cd", "#df7247"],
data: groupChartData,
columnsInfo: columnsInfo,
xAxis: "over",
yAxis: "runs",
label: {
xAxis: "Over",
yAxis: "Runs"
},
requireCircle: false,
requireLegend: true
};
var muliSeriesChart = new multiSeriesLineChart(muliSeriesChartConfig);
</script>
</body>
</html>
Modified http://code.jquery.com/jquery-latest.min.js to a secure url
https://code.jquery.com/jquery-latest.min.js
https://d3js.org/d3.v4.min.js