Simple weather html to be used in a Grafana text panel. Weather gets refreshed on the global refresh of the dashboard.

weather-grafana.html

<!--
 A simple grafana weather panel combined by posts from this page: https://github.com/grafana/grafana/issues/1816
Just change the WOE_ID. Get one for your region here: http://www.woeidlookup.com/
-->

<script>

	var WOE_ID = XXXX;

	var callbackFunction = function (data) {
		var wind = data.query.results.channel.wind;
		$("#windspeed").text(wind.speed);

		var astronomy = data.query.results.channel.astronomy;
		$("#sunrise").text(astronomy.sunrise);
		$("#sunset").text(astronomy.sunset);

		var condition = data.query.results.channel.item.condition;
		$("#temp").text(condition.temp);
		$("#conditions").text(condition.text);
	};

	var getWeather = function () {
		jQuery.get("https://query.yahooapis.com/v1/public/yql?q=select item, condition, wind, astronomy from weather.forecast where woeid =" + WOE_ID + " and u='c'&format=json", callbackFunction);
	};

	angular.element('#weatherPanel').injector().get('$rootScope').$on('refresh', function () {
		getWeather();
	});

	getWeather();

</script>

<div id="weatherPanel">
	Temperature: <span id="temp"/> &deg;C</br>
	Sunrise: <span id="sunrise"/> </br>
	Sunset: <span id="sunset"/> </br>
	Wind Speed: <span id="windspeed"/> km/h </br>
	Conditions: <span id="conditions"/> </br>
</div>

Doesn't work for me.the jQuery link not responding. How about angular?