Untitled


<html>
    <body>
        <script src="https://www.gstatic.com/charts/loader.js"></script>
        <ul id="stats"></ul>
        <script type="text/javascript">

            var array1 = ["22","35"];
            var array2 = ["11","17"];
            var array3 = ["11","18"];
            var array4 = ["Nike","Addidas"];

            google.charts.load('current',
            { callback: function ()
                {
                    for (var y = 0; y < array1.length; y++)
                    {
                        var data = new google.visualization.DataTable();
                        data.addColumn('string', 'list');
                        data.addColumn('number', 'Viewers');
                        data.addRows([
                                        ['TotalViewers',array1[y]],
                                        ['Female Viewers', array2[y]],
                                        ['Male Viewers', array3[y]]
                                    ]);
                        var options = {title:array4[y],width:400,height:300};

                        var container = document.getElementById('stats').appendChild(document.createElement('div'));
                        var chart = new google.visualization.ColumnChart(container);
                        chart.draw(data, options);
                    }
                },
                packages: ['corechart']
            });
        </script>
    </body>
</html