Графическое отображение данных на сегодня является неотъемлемой частью панели управления, интерфейса. Используя Google Charts как мощное средство визуализации данных с обширной технической библиотекой дает быстрое достижение поставленной задачи. JavaScript библиотека предоставляет множество предварительно созданных диаграмм. Имеется множество конфигурационных настроек (Google Chart Tools API – это многофункциональный набор инструментов для визуализации данных.), которые помогают изменить внешний вид графика. Графики формируются с помощью HTML5/SVG дабы обеспечить кроссбраузерную совместимость и кроссплатформенную портируемость на IPhone, IPad и Android. Также содержит VML для поддержки старых IE версий. Пример настройки скрипта и интеграции на страницу показывает его легкость применения в своих проектах.
<head>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart_st);
function drawChart_st() {
var data_st = google.visualization.arrayToDataTable([
['Time', 'T'],
['2004', 4],
['2005', 25],
['2006', 25],
['2007', 10]
]);
var options_st = {
title: 'Temperatura',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart_st = new google.visualization.LineChart(document.getElementById('curve_chart_st'));
chart_st.draw(data_st, options_st);
}
</script>
</head>
Подробнее читайте по ссылке.
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20251217070335