我尝试使用highcharts在我的网站上生成windrose。它应该用箭头和仪表本身的速度显示方向。
我有以下代码来生成图表:
$(document).ready(function() {
var chart = new Highcharts.Chart({
\\ some other parameters not relating to question
series: [{
data: [{
id: 'wnddr',
y: winddir,
dial: {
radius: '90%',
baseWidth: 3,
baseLength: '95%',
rearLength: 0
}
}],
dataLabels: {
enabled: true,
formatter : function(){
return windspd + ' km/u';
}
}
}]
},
function (chart){
setInterval(function() {
$.ajax({
type: "POST",
url: "example.php",
dataType: "JSON",
cahce: "false",
success: function(data){
windspd = data.query.results.channel.wind.speed;
winddir = data.query.results.channel.wind.direction;
windchill = data.query.results.channel.wind.chill;
hum = data.query.results.channel.atmosphere.humidity;
druk = data.query.results.channel.atmosphere.pressure;
ss = data.query.results.channel.astronomy.sunset;
sr = data.query.results.channel.astronomy.sunrise;
temp = data.query.results.channel.item.condition.temp;
des = data.query.results.channel.item.forecast[0].code;
var point = chart.series[0].points[0];
point.update(winddir);
// alert(winddir);
}
});
$('.update').html("<img src=http://l.yimg.com/a/i/us/we/52/" +des+ ".gif />");
}, 5000);
});
});
使用wnddr.update(winddir);
我试图更新图表中的winddir变量。但是,我无法让它发挥作用。警报也没有弹出,所以我的代码可能就在之前被卡住了。如果我对警报上方的两行进行评论,则警报将起作用。速度变量也是如此。这里的问题是没有id属性。
我修改了highcharts的代码作为基础。给予&#39; y&#39;手动生成一个有效且正确的标尺。对于winddir的固定值也是如此。