Код: Выделить всё
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highstock Example</title>
<script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript">
var cnt = 0, seriesOptions = [], names = ['темп 1',
'темп 2',
'темп 3',
'темп 4',
'темп 5'];
sensornames = ['1',
'2',
'3',
'4',
'5'];
createAll();
function createAll() {
cnt = 0;
$.each(names, function(i, name) {
// alert(sensornames[i]);
url = '/highcharts/mytest.php?name='+sensornames[i]
// alert (url);
$.getJSON(url, function(data) {
seriesOptions[i] = {name: name,
data: data,
tooltip: { yDecimals: 1}};
cnt++;
if (cnt == names.length) {
// alert('======');
createChart();
}
});
});
}
function createChart() {
Highcharts.setOptions({
lang: {
months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль',
'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
shortMonths: ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл',
'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'],
weekdays: ['Вск', 'Пнд', 'Втр', 'Срд', 'Чтв', 'Птн', 'Сбт']
}
});
window.chart = new Highcharts.StockChart({
chart : { renderTo : 'container',
zoomType: 'xy'
},
title : { text : 'График температур'},
legend: { enabled : true ,
layout : 'horizontal',
align : 'center',
verticalAlign : 'top',
x : 0,
y : 20
},
xAxis : { maxZoom : 1 * 24 * 36000 },
series : seriesOptions
});
}
</script>
</head>
<body>
<script src="./js/highstock.js"></script>
<script src="./js/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>