34 lines
1.4 KiB
JavaScript
34 lines
1.4 KiB
JavaScript
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);
|
|
}
|