Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function redirectProjekt1() {
- window.location = "pocasi.html";
- }
- var from = "01.11.2012";
- var to = "01.11.2013";
- var data = new Array();
- function zapis()
- {
- from = $('input[name="od"]').val();
- to = $('input[name="do"]').val();
- var yf = from.split("-")[0];
- var mf = from.split("-")[1];
- var df = from.split("-")[2];
- from = df + "." + mf + "." + yf;
- yf = to.split("-")[0];
- mf = to.split("-")[1];
- df = to.split("-")[2];
- to = df + "." + mf + "." + yf;
- console.log(from);
- console.log(to);
- zobraz();
- }
- zobraz();
- function zobraz() {
- $(function () {
- $.ajax({
- type: "GET",
- url: "http://homel.vsb.cz/~zao034/via/weather.php",
- dataType: "json",
- data: {
- format: "json",
- type: "day",
- from: from,
- to: to
- },
- success: function (data) {
- console.log(data);
- var graph_data = [];
- var weather = data.weather;
- $.each(weather, function (i) {
- var date = weather[i].datetime.split(".");
- graph_data.push([
- Date.UTC(date[2], date[1], date[0]),
- parseFloat(weather[i].value)
- ]);
- });
- // lokalizace
- Highcharts.setOptions({
- lang: {
- months: ['leden', 'únor', 'březen', 'duben', 'květen', 'červen', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec'],
- weekdays: ['neděle', 'pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota'],
- shortMonths: ['leden', 'únor', 'březen', 'duben', 'květen', 'červen', 'červenec', 'srpen', 'září', 'říjen', 'listopad', 'prosinec'],
- }
- });
- $('#graf').highcharts({
- chart: {
- zoomType: 'x',
- spacingRight: 20
- },
- title: {
- text: 'Graf teplot',
- },
- yAxis: {
- title: {
- text: 'Teplota (°C)'
- },
- },
- xAxis: {
- type: "datetime",
- maxZoom: 12 * 24 * 3600000, // fourteen days
- },
- tooltip: {
- valueSuffix: '°C'
- },
- plotOptions: {
- area: {
- fillColor: {
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
- stops: [
- [0, Highcharts.getOptions().colors[0]],
- [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
- ]
- },
- lineWidth: 1,
- marker: {
- enabled: false
- },
- shadow: false,
- states: {
- hover: {
- lineWidth: 1
- }
- },
- threshold: null
- }
- },
- series: [{
- type: 'area',
- name: 'Teplota',
- pointInterval: 24 * 3600 * 1000,
- data: graph_data
- }]
- });
- }
- });
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment