用新值更新JQVMap-map(颜色更改)
Update JQVMap - map with new values (color change)
Hi我使用JQVMap在一个国家的工具提示上显示一些值。当该值不为0时,国家/地区显示为绿色。但我有一些问题。为了启动该函数,我使用以下代码。我通过一个div.得到的数据都很好。如果我(使用日期选择器)进行选择,则数据将在地图上的工具提示中更新。因此,为地图提供了正确的值。但如果我换到另一天,例如,值为0的那一天,地图仍然是彩色的,就像值超过0一样。所以不是新地图->旧地图。例如,如果我进行手动网站刷新(使用F5),它会显示具有正确值的正确地图。
我该怎么做才能让它正常工作?
要初始化的代码:
initJQVMAP: function () {
var showMap = function (name) {
jQuery('.vmaps').hide();
jQuery('#vmap_' + name).show();
}
var setMap = function (name) {
var data = {
map: 'world_en',
backgroundColor: null,
borderColor: '#333333',
borderOpacity: 0.5,
borderWidth: 1,
color: '#c6c6c6',
enableZoom: true,
hoverColor: '#244671',
hoverOpacity: null,
values: sample_data,
normalizeFunction: 'linear',
scaleColors: ['#cfe9d3', '#3cc051'],
selectedColor: '#244671',
selectedRegion: null,
showTooltip: true,
onLabelShow: function (event, label, code) {
}
};
data.map = name + '_en';
var map = jQuery('#vmap_' + name);
if (!map) {
return;
}
map.width(map.parent().parent().width());
map.show();
map.vectorMap(data);
map.hide();
}
setMap("world");
setMap("europe");
setMap("germany");
showMap("world");
jQuery('#regional_stat_world').click(function () {
showMap("world");
});
jQuery('#regional_stat_usa').click(function () {
showMap("usa");
});
jQuery('#regional_stat_europe').click(function () {
showMap("europe");
});
jQuery('#regional_stat_russia').click(function () {
showMap("russia");
});
jQuery('#regional_stat_germany').click(function () {
showMap("germany");
});
$('#region_statistics_loading').hide();
$('#region_statistics_content').show();
},
更新值的代码:
$('#div_session_write').load('sessionstart.php?datum1=' + Date.today().add({
days: -29
}).toString('yyyy-MM-dd') +'&datum2=' + Date.today().toString('yyyy-MM-dd'));
$('#geodaten').load('geodata.php');
我想我必须重新绘制或重新加载它…但怎么做呢?
我认为您不应该使用load函数。如果您将ajax与async false一起使用,则可以正常工作。
onLabelShow: function(event, label, code) {
myUrl="data/13historical_"+v_mapa+".php";
$.ajax({
url: myUrl,
dataType: 'json',
async: false,
success: function(data) {
$.each(data.votacionData.votaciones.details[0].detail, function(i) {
if (this[0]==code) {
code.replace(/ /g, '_');
theTable='<table cellpadding=2 border=0 class="hoverTable">';
theTable += "<tr><td><h1 style='color: white'>"+this[1]+"</h1></td></tr>";
theTable += "<tr><td>Ganador</td><td>"+this[2]+"</td></tr>";
theTable += "<tr><td>Votos</td><td>"+this[3]+"</td></tr>";
theTable += "<tr><td>Segundo</td><td>"+this[8]+"</td></tr>";
theTable += "<tr><td>Votos</td><td>"+this[9]+"</td></tr>";
theTable += "</table>";
}
});
}
});
label[0].innerHTML = v_mapa + " 'n " + theTable;
}
相关文章:
- $$hashKey在Angular中push()新对象时未生成新值
- text()将保留旧值,但在DOM上显示新值
- Knockout Force在设置新值时通知订阅者可观察到的值
- Javascript / JQuery循环访问已发布的ajax数据字符串以为其分配新值
- 为nouislider设置新值已达到最大数量
- object.create 不使用我的新值
- 在更改选择元素后,在 Javascript 上使用旧值和新值
- 表单不接受新值
- 使用jQuery为属性设置新值
- 如何从CSS中获取颜色的值
- 如何从javascript散点图中的另一个变量为x和y添加新值
- 根据另一个字段选择获取新值后更新下拉列表内容
- 可以't为我的自动完成框指定新值
- 使用新值更新时出现数组问题
- ajax重新渲染时获得新值
- onClick()从传递给Django模板的函数中获取一个新值
- Grunt为任务设置选项,并使用新值运行该任务
- 比较两个数组,并通过使用 javascript 保留现有对象来更新新值
- 用新值更新JQVMap-map(颜色更改)
- 如何更改ui-grid的单元格的背景颜色为某些颜色,如果它的编辑和新值不等于旧值(脏)