diff options
Diffstat (limited to 'demos/qmlweather/qml/qmlweather/main.qml')
| -rw-r--r-- | demos/qmlweather/qml/qmlweather/main.qml | 200 |
1 files changed, 0 insertions, 200 deletions
diff --git a/demos/qmlweather/qml/qmlweather/main.qml b/demos/qmlweather/qml/qmlweather/main.qml deleted file mode 100644 index 16e48a38..00000000 --- a/demos/qmlweather/qml/qmlweather/main.qml +++ /dev/null @@ -1,200 +0,0 @@ -/**************************************************************************** -** -** Copyright (C) 2014 Digia Plc -** All rights reserved. -** For any questions to Digia, please use contact form at http://qt.digia.com -** -** This file is part of the Qt Enterprise Charts Add-on. -** -** $QT_BEGIN_LICENSE$ -** Licensees holding valid Qt Enterprise licenses may use this file in -** accordance with the Qt Enterprise License Agreement provided with the -** Software or, alternatively, in accordance with the terms contained in -** a written agreement between you and Digia. -** -** If you have questions regarding the use of this file, please use -** contact form at http://qt.digia.com -** $QT_END_LICENSE$ -** -****************************************************************************/ - -import QtQuick 1.1 -import QtCommercial.Chart 1.2 - -Rectangle { - width: 500 - height: 400 - gradient: Gradient { - GradientStop { position: 0.0; color: "lightblue" } - GradientStop { position: 1.0; color: "white" } - } - - //![1] - ChartView { - id: chartView - title: "Weather forecast" - //![1] - anchors.top: parent.top - anchors.bottom: weatherImageRow.top - anchors.left: parent.left - anchors.right: parent.right - legend.alignment: Qt.AlignTop - - //![2] - BarCategoriesAxis { - id: barCategoriesAxis - titleText: "Date" - } - - ValueAxis{ - id: valueAxisY2 - min: 0 - max: 10 - titleText: "Rainfall [mm]" - } - - ValueAxis { - id: valueAxisX - // Hide the value axis; it is only used to map the line series to bar categories axis - visible: false - min: 0 - max: 5 - } - - ValueAxis{ - id: valueAxisY - min: 0 - max: 15 - titleText: "Temperature [°C]" - } - - LineSeries { - id: maxTempSeries - axisX: valueAxisX - axisY: valueAxisY - name: "Max. temperature" - } - - LineSeries { - id: minTempSeries - axisX: valueAxisX - axisY: valueAxisY - name: "Min. temperature" - } - - BarSeries { - id: myBarSeries - axisX: barCategoriesAxis - axisYRight: valueAxisY2 - BarSet { - id: rainfallSet - label: "Rainfall" - } - } - //![2] - } - - // A timer to refresh the forecast every 5 minutes - Timer { - interval: 300000 - repeat: true - triggeredOnStart: true - running: true - onTriggered: { - if (weatherAppKey != "") { - //![3] - // Make HTTP GET request and parse the result - var xhr = new XMLHttpRequest; - xhr.open("GET", - "http://free.worldweatheronline.com/feed/weather.ashx?q=Jyv%c3%a4skyl%c3%a4,Finland&format=json&num_of_days=5&key=" - + weatherAppKey); - xhr.onreadystatechange = function() { - if (xhr.readyState == XMLHttpRequest.DONE) { - var a = JSON.parse(xhr.responseText); - parseWeatherData(a); - } - } - xhr.send(); - //![3] - } else { - // No app key for worldweatheronline.com given by the user -> use dummy static data - var responseText = "{ \"data\": { \"current_condition\": [ {\"cloudcover\": \"10\", \"humidity\": \"61\", \"observation_time\": \"06:26 AM\", \"precipMM\": \"0.0\", \"pressure\": \"1022\", \"temp_C\": \"6\", \"temp_F\": \"43\", \"visibility\": \"10\", \"weatherCode\": \"113\", \"weatherDesc\": [ {\"value\": \"Sunny\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0001_sunny.png\" } ], \"winddir16Point\": \"SE\", \"winddirDegree\": \"140\", \"windspeedKmph\": \"7\", \"windspeedMiles\": \"4\" } ], \"request\": [ {\"query\": \"Jyvaskyla, Finland\", \"type\": \"City\" } ], \"weather\": [ {\"date\": \"2012-05-09\", \"precipMM\": \"0.4\", \"tempMaxC\": \"14\", \"tempMaxF\": \"57\", \"tempMinC\": \"7\", \"tempMinF\": \"45\", \"weatherCode\": \"116\", \"weatherDesc\": [ {\"value\": \"Partly Cloudy\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0002_sunny_intervals.png\" } ], \"winddir16Point\": \"S\", \"winddirDegree\": \"179\", \"winddirection\": \"S\", \"windspeedKmph\": \"20\", \"windspeedMiles\": \"12\" }, {\"date\": \"2012-05-10\", \"precipMM\": \"2.4\", \"tempMaxC\": \"13\", \"tempMaxF\": \"55\", \"tempMinC\": \"8\", \"tempMinF\": \"46\", \"weatherCode\": \"266\", \"weatherDesc\": [ {\"value\": \"Light drizzle\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0017_cloudy_with_light_rain.png\" } ], \"winddir16Point\": \"SW\", \"winddirDegree\": \"219\", \"winddirection\": \"SW\", \"windspeedKmph\": \"21\", \"windspeedMiles\": \"13\" }, {\"date\": \"2012-05-11\", \"precipMM\": \"11.1\", \"tempMaxC\": \"15\", \"tempMaxF\": \"59\", \"tempMinC\": \"7\", \"tempMinF\": \"44\", \"weatherCode\": \"266\", \"weatherDesc\": [ {\"value\": \"Light drizzle\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0017_cloudy_with_light_rain.png\" } ], \"winddir16Point\": \"SSW\", \"winddirDegree\": \"200\", \"winddirection\": \"SSW\", \"windspeedKmph\": \"20\", \"windspeedMiles\": \"12\" }, {\"date\": \"2012-05-12\", \"precipMM\": \"2.8\", \"tempMaxC\": \"7\", \"tempMaxF\": \"44\", \"tempMinC\": \"2\", \"tempMinF\": \"35\", \"weatherCode\": \"317\", \"weatherDesc\": [ {\"value\": \"Light sleet\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0021_cloudy_with_sleet.png\" } ], \"winddir16Point\": \"NW\", \"winddirDegree\": \"311\", \"winddirection\": \"NW\", \"windspeedKmph\": \"24\", \"windspeedMiles\": \"15\" }, {\"date\": \"2012-05-13\", \"precipMM\": \"0.4\", \"tempMaxC\": \"6\", \"tempMaxF\": \"42\", \"tempMinC\": \"2\", \"tempMinF\": \"35\", \"weatherCode\": \"116\", \"weatherDesc\": [ {\"value\": \"Partly Cloudy\" } ], \"weatherIconUrl\": [ {\"value\": \"http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0002_sunny_intervals.png\" } ], \"winddir16Point\": \"WNW\", \"winddirDegree\": \"281\", \"winddirection\": \"WNW\", \"windspeedKmph\": \"21\", \"windspeedMiles\": \"13\" } ] }}"; - var a = JSON.parse(responseText); - parseWeatherData(a); - } - } - } - - Row { - id: weatherImageRow - anchors.bottom: poweredByText.top - anchors.bottomMargin: 10 - anchors.left: parent.left - anchors.leftMargin: 25 - anchors.right: parent.right - anchors.rightMargin: 25 - - ListModel { - id: weatherImageModel - } - - Repeater { - id: repeater - model: weatherImageModel - delegate: Image { - source: imageSource - width: weatherImageRow.width / weatherImageModel.count - height: width - fillMode: Image.PreserveAspectCrop - } - } - } - - Text { - id: poweredByText - anchors.bottom: parent.bottom - anchors.bottomMargin: 10 - anchors.left: parent.left - anchors.leftMargin: 25 - text: "Powered by World Weather Online" - } - - function parseWeatherData(weatherData) { - // Clear previous values - maxTempSeries.clear(); - minTempSeries.clear(); - weatherImageModel.clear(); - - //![4] - // Loop through the parsed JSON - for (var i in weatherData.data.weather) { - var weatherObj = weatherData.data.weather[i]; - //![4] - - //![5] - // Store temperature values, rainfall and weather icon. - // The temperature values begin from 0.5 instead of 0.0 to make the start from the - // middle of the rainfall bars. This makes the temperature lines visually better - // synchronized with the rainfall bars. - maxTempSeries.append(Number(i) + 0.5, weatherObj.tempMaxC); - minTempSeries.append(Number(i) + 0.5, weatherObj.tempMinC); - rainfallSet.append(i, weatherObj.precipMM); - weatherImageModel.append({"imageSource":weatherObj.weatherIconUrl[0].value}); - //![5] - - // Update scale of the chart - valueAxisY.max = Math.max(chartView.axisY().max,weatherObj.tempMaxC); - valueAxisX.min = 0; - valueAxisX.max = Number(i) + 1; - - // Set the x-axis labels to the dates of the forecast - var xLabels = barCategoriesAxis.categories; - xLabels[Number(i)] = weatherObj.date.substring(5, 10); - barCategoriesAxis.categories = xLabels; - barCategoriesAxis.visible = true; - barCategoriesAxis.min = 0; - barCategoriesAxis.max = xLabels.length - 1; - } - } - -} |