Спонсор: Microsoft
Опубликован: 29.08.2012 | Доступ: свободный | Студентов: 2113 / 187 | Длительность: 08:05:00
Практическая работа 3:

Анализ данных (DataMining)

< Лекция 3 || Практическая работа 3: 12 || Практическая работа 4 >

Пример 1. Создание диаграммы PieChart (sample_1)

Наберите в блокноте следующий код:

<html>
<head>
<!--Load the AJAX API-->
<scripttype="text/javascript"src="jsapi.js"></script>
<scripttype="text/javascript">
var data;
var chart;

// Load the Visualization API and the piechart package.
google.load('visualization', '1', { 'packages': ['corechart'] });

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
functiondrawChart() {

// Create our data table.
            data = newgoogle.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
            data.addRows([
['Общегосударственные вопросы', 844.6],
['Национальная оборона', 1537.4],
['Национальная безопасность и правоохранительная деятельность', 1242.1],
['Национальная экономика', 1784.9],
['Жилищно-коммунальное хозяйство', 234.1],
['Охрана окружающей среды', 17.6],
['Образование', 560],
['Культура, кинематография', 88],
['Здравоохранение', 503.7],
['Социальная политика', 3153.3],
['Физическая культура и спорт', 44],
['Средства массовой информации', 61.3],
['Обслуживание государственного и муниципального долга', 350.7],
['Межбюджетныетрансферты', 623.4]
            ]);

// Set chart options
varoptions = {
'title': 'Структура расходов Федерального бюджета за 2011 год, млрд. руб.',
'width': 1200,
'height': 800
            };

// Instantiate and draw our chart, passing in some options.
            chart = new google.visualization.PieChart(document.getElementById('chart_div'));
google.visualization.events.addListener(chart, 'select', selectHandler);
chart.draw(data, options);
        }

functionselectHandler() {
varselectedItem = chart.getSelection()[0];
var value = data.getValue(selectedItem.row, 0);
            alert('The user selected ' + value);
        }

</script>
</head>
<body>
<!--Div that will hold the pie chart-->
<divid="chart_div"style="width:400; height:300"></div>
</body>
</html>
    

Попробуйте построить собственную диаграмму.

Пример 2. Создание диаграммы GeoChart (sample_2)

Во втором примере мы создадим интерактивную карту Мира. Карта задумана таким образом, что интенсивность закраски страны зависит от ее площади. Наберите в блокноте следующий код:

<html>
<head>
<scripttype='text/javascript'src='jsapi.js'></script>
<scripttype='text/javascript'>
google.load('visualization', '1', { 'packages': ['geochart'] });
google.setOnLoadCallback(drawRegionsMap);

functiondrawRegionsMap() {
var data = google.visualization.arrayToDataTable([
          ['Country', 'Площадь, кв. км'],
['Estonia', 45226, ],
['Sweden', 449964],
['Finland', 338445],
['Norway', 323802],
['Russia', 17075200],
['Iceland', 103000],
['Montenegro', 13812],
['Latvia', 64589],
['Belarus', 207600],
['Lithuania', 65200],
['Ireland', 70280],
['Bulgaria', 110910],
['Georgia', 69700],
['Bosnia and Herzegovina', 51129],
['Croatia', 56542],
['Ukraine', 603700],
['Macedonia', 25713],
['Greece', 131940],
['Spain', 505782],
['Romania', 238391],
['Slovenia', 20273],
['Austria', 83858],
['Serbia', 88361],
['Hungary', 93030],
['Armenia', 29743],
['Portugal', 92391],
['France', 547030],
['Slovakia', 48845],
['Cyprus', 9248],
['Albania', 28748],
['Poland', 312685],
['Denmark', 43094],
['Isle of Man', 572],
['Czech Republic', 78866],
['Moldova', 33843],
['Andorra', 468],
['Turkey', 783562],
['Luxembourg', 2586],
['Switzerland', 41290],
['Italy', 301230],
['Liechtenstein', 160],
['Germany', 357021],
['United Kingdom', 244820],
['Belgium', 30510],
['Netherlands', 41526],
['San Marino', 61],
['Jersey', 116],
['Guernsey', 78],
['Malta', 316],
['Vatican City', 0.44],
['Gibraltar', 6],
['Monaco', 2]
            ]);

var options = {};

var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
        };
</script>
</head>
<body>
<divid="chart_div"style="width: 900px; height: 500px;"></div>
</body>
</html>
    

Как видите, на нашей карте закрашена только Россия. Добавьте данные по остальным странам.

< Лекция 3 || Практическая работа 3: 12 || Практическая работа 4 >
Александр Лобанов
Александр Лобанов

Даю задания для студентов. Они хотят повторно пройти курс. Как отписаться от выполненного курса, что бы пройти его заново?

Наталья Алмаева
Наталья Алмаева
Россия
Вадим Барков
Вадим Барков
Украина, Киев