javascript - JVectorMap Drill-Down doesn't color regions when scale or values change after clicking on a country -

-

i using jvectormap display visits data on map. code.

var euromap =  new jvm.multimap({        container: $('#map'),        regionsselectable: true,      regionsselectableone: true,        maxlevel: 1,        main: {          map: 'europe_mill',          backgroundcolor: 'transparent',          regionstyle: {            initial: {              fill: 'white',              "fill-opacity": 1,              stroke: '#000',              "stroke-width": 0.3,              "stroke-opacity": 1            },          },          series: {            regions: [{              scale: ['#ffffff', '#db715c'],              values: gon.map_data['ptps'],              normalizefunction: 'polynomial'            }]          },          onregiontipshow: function(event, label, index){             label.html(              '<b>'+label.html()+'</b></br>'+              '<b>#{t 'navbar.views'}: </b>'+(gon.map_data['views'][index]==undefined ? "0" : gon.map_data['views'][index])+'</b></br>'+              '<b>#{t 'navbar.ptps'}: </b>'+(gon.map_data['ptps'][index]==undefined ? "0" : gon.map_data['ptps'][index])+'</b></br>'+              '<b>#{t 'navbar.payments'}: </b>'+(gon.map_data['payments'][index]==undefined ? "0" : gon.map_data['payments'][index])+'</b></br>'+              '<b>payed/viewed: </b>'+(gon.map_data['v_p_ratio'][index]==undefined ? "0" : gon.map_data['v_p_ratio'][index])+'%<br/>'+              '<b>negotiated/viewed: </b>'+(gon.map_data['v_n_ratio'][index]==undefined ? "0" : gon.map_data['v_n_ratio'][index])+'%<br/>'+              '<b>payed/negotiated: </b>'+(gon.map_data['n_p_ratio'][index]==undefined ? "0" : gon.map_data['n_p_ratio'][index])+'%<br/>'            );          },          onviewportchange: function(event, scale) {},          onregionover: function(event, code) {},          onregionclick: function(event, code) {}        },        mapurlbycode: function(code, multimap){          return '/assets/maps/'+code.tolowercase()+'_'+multimap.defaultprojection+'.js';        }      });

what happens if have dropdown button runs code(coffeescript):

$('.map_selector').click (event) ->        event.preventdefault()        map = $('#map .jvectormap-container').data('mapobject')        map.series.regions[0].clear()                map.series.regions[0].setvalues(gon.map_data[event.currenttarget.dataset.filter])        map.series.regions[0].setscale(['#ffffff', '#db715c'])

and it's supposed reset map scale , values , color map again based on new data.

the base map map of europe, , while working in map, works fine, when change map_selector, map colors change again depending on new values, when click on country see region's data, not work, regions remain same color no matter how many times change de map_selector.

does know why?

thanks in advance

finnally able solve creating new instance of map every time values changed, because in drill-down map everytime change values affects general map, in case europe, not affect sub-regions.

so, instead of this

map.series.regions[0].setvalues

you have generate new instance of map reloading values , drill-down regions filled correctly.


Comments

Post a Comment

Popular posts from this blog

java - Static nested class instance -

-
this question has answer here: java inner class , static nested class 23 answers i came across in java, know static nested class why create instance of 'static'. isn't whole idea of 'static' use without instance? understand concept of inner classes, why (and frankly how possible to) create 'instance' of 'static' member @ ? why this: 1- outerclass.staticnestedclass nestedobject = new outerclass.staticnestedclass(); 2- nestedobject.anestedclassmethod(); and not this: 1- outerclass outerinstance=new outerclass(); 2- outerinstance.staticnestedclass.anestedclassmethod(); use on inner classes, keyword static indicates can access inner class without instance of outer class. for example: public class outer { public static class inner { /* code here. */ } } with construction, can create instance of inn
Read more

c# - Bluetooth LE CanUpdate Characteristic property -

-
i building xamarin.forms cross platform mobile app, uses monkey.robotics bluetoth low energy functionality. connecting mbed based implimentation of custom gatt service . in xamarin c#, triggers characteristic. canupdate property in monkey.robotics? this standard example c# based on: if (characteristic.canupdate) { characteristic.valueupdated += (s, e) => { debug.writeline("characteristic.valueupdated"); device.begininvokeonmainthread( () => { updatedisplay(characteristic); }); isbusy = false; // spin until first result received }; isbusy = true; characteristic.startupdates(); } this has been working, since changed own custom gatt service connecting to, canupdate property false. property , how triggered? me debugging gatt service code. thanks monkey.robotics open sour
Read more

JavaScript - Replace variable from string in all occurrences -

-
ok, know if have character '-' , want remove in places in string javascript, ... someword = someword.replace(/-/g, ''); but, when applying array of characters, s not working ... const badchars = ('\/:*?"<>|').split(''); let filename = title.replace(/ /g, '-').tolocalelowercase(); (let item = 0; item < badchars.length; item++) { // below not work global '/ /g' filename = filename.replace(/badchars[item]/g, ''); } any ideas? /badchars[item]/g looks badchars , literally, followed i , t , e , or m . if you're trying use character badchars[item] , you'll need use regexp constructor, , you'll need escape regex-specific characters. escaping regular expression has been well-covered . using that: filename = filename.replace(new regexp(regexp.quote(badchars[item]), 'g'), ''); but , don't want that. want character class: let filename = title.replac
Read more