google.charts.load('current', { 'packages': ['corechart'] }); google.charts.setOnLoadCallback(drawSeriesChart); function drawSeriesChart() { var data = google.visualization.arrayToDataTable([ ['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'], ['', 80.66, 1, 'True Positive', 33739900], ['', 79.84, 1, 'False Positive', 81902307], ['', 78.6, 1, 'False Positive', 5523095], ['', 72.73, 1, 'Anomolous Safe', 79716203], ['', 80.05, 1, 'False Positive', 61801570], ['', 72.49, 1, 'Anomolous Safe', 73137148], ['', 68.09, 1, 'Anomolous Safe', 31090763], ['', 81.55, 1, 'Anomolous Safe', 7485600], ['', 68.6, 1, 'False Positive', 141850000], ['', 78.09, 1, 'True Positive', 307007000] ]); var options = { title: '', hAxis: { title: '' }, vAxis: { title: '' }, backgroundColor: '#153549', bubble: { textStyle: { fontSize: 11 } }, colorAxis: { colors: ['#1d86c7', '#5589a9', '#274654'] }, colors: ['#1d86c7', '#5589a9', '#274654', '#1d86c7', '#5589a9', '#274654', '#1d86c7', '#5589a9', '#274654', '#1d86c7'], tooltip: { trigger: 'none' } }; var chart = new google.visualization.BubbleChart(document.getElementById('series_chart_div')); chart.draw(data, options); }