Charts 具有向下钻取功能的Highmaps贴图
我需要对地图进行深入研究,从一个国家到另一个州: 事实上,我使用的是秘鲁的自定义地图,但已经有了美国的例子,这将帮助我向我展示一些解决方案。Charts 具有向下钻取功能的Highmaps贴图,charts,highcharts,drilldown,Charts,Highcharts,Drilldown,我需要对地图进行深入研究,从一个国家到另一个州: 事实上,我使用的是秘鲁的自定义地图,但已经有了美国的例子,这将帮助我向我展示一些解决方案。 有可能做到这一点吗?我用mappie和深入分析做了一个示例,向您展示如何开始和实现它。我已经为加利福尼亚州添加了深入调查,所以只有这个州才能工作 添加向下展开模块: 每个点都应具有向下展开特性集。您可以将其添加到点对象或数据数组中(然后序列中的键数组应该指向它。API:) 发生向下钻取事件时,隐藏或删除每个mappie系列,并在向上钻取事件时再次创建它
有可能做到这一点吗?我用mappie和深入分析做了一个示例,向您展示如何开始和实现它。我已经为加利福尼亚州添加了深入调查,所以只有这个州才能工作
//新的地图饼图系列类型也允许以lat/lon为中心选项。
//还将sizeFormatter选项添加到系列中,以允许动态调整大小
//一块馅饼。
Highcharts.SerieType('mappie','pie','{
center:null,//默认情况下不再是数组
clip:true,//用于地图导航
国家:{
悬停:{
光环:{
尺码:5
}
}
},
数据标签:{
已启用:false
}
}, {
getCenter:function(){
var options=this.options,
chart=this.chart,
slicingRoom=2*(options.slicedOffset | | 0);
如果(!options.center){
options.center=[null,null];//改为在此处执行默认值
}
//手柄横向/纵向支架
如果(options.center.lat!==未定义){
var点=图表。从LatlonTopoint(选项。中心);
选项。中心=[
chart.xAxis[0].toPixels(point.x,true),
chart.yAxis[0]。toPixels(点.y,真)
];
}
//句柄动态大小
if(options.sizeFormatter){
options.size=options.sizeFormatter.call(this);
}
//调用父函数
var result=Highcharts.seriesTypes.pie.prototype.getCenter.call(this);
//必须校正切片室以获得精确的像素位置
结果[0]=slicingRoom;
结果[1]=slicingRoom;
返回结果;
},
翻译:功能(p){
this.options.center=this.userOptions.center;
this.center=this.getCenter();
返回Highcharts.seriesTypes.pie.prototype.translate.call(this,p);
}
});
风险值数据=[
//州,demVotes,repVotes,libVotes,grnVotes,sumVotes,winner,Pie的补偿配置
阿拉巴马州,7295471318255444679391211660,-1],
['Alaska',116454163387187255735304301,-1],
[Arizona',1161167,1252401,106327,34345,2554240,-1],
[“阿肯色州”,3804946847821947731104578,-1],
[California',8577206,439027246737027104713705895,1{
龙-1,
drawConnector:错误
},“美国加州”],
[Colorado',1338870,1202484,144121,38437,2723912,1],
[“康涅狄格州”,897572673215148676228411642304,1{
lat:-1.5,
朗:1
}],
['Delaware',235603185127147576103441590,1{
lat:-1.3,
朗:2
}],
[“哥伦比亚特区”,2828012723490642583304717,1{
lat:-2,
朗:2
}],
[Florida',450497546178862070436399394303,-1],
['Georgia',187796320891041253060404092373,-1],
[‘夏威夷’,2668911288471595412737424429,1{
纬度:-0.5,
lon:0.5,
drawConnector:错误
}],
[爱达荷州,18976540905283318496635647,-1],
[Illinois',2977498179208682741125378471,1],
['Indiana',1039126,1557286,13399378412738246,-1],
[Iowa',65366980098359186114791525317,-1],
[堪萨斯州,427005671085540235061176935,-1],
[肯塔基州,628854120297153752139131899490,-1],
[Louisiana',78015411786387140312010801,-1],
[Maine',352156,332418,37578,13995,736147,1],
[“马里兰”,150282087861578225333802493040,1{
lon:0.6,
drawConnector:错误
}],
[“马萨诸塞州”,1995196109089313801876613271768,1{
朗:3
}],
[Michigan',22688392279543172136514634771981,-1],
[明尼苏达州],1367716132295112972369852840624,1{
龙-1,
drawConnector:错误
}],
[Mississippi',462127,678284,14411,3595,1158417,-1],
[Missouri',1054889158575396404250862762132,-1],
['Montana',174281273879,280367868484064,-1],
[Nebraska',273185485372387468337805640,-1],
[Nevada',539260512058137384,01088702,1],
[“新罕布什尔州”,348526,345790,30694,6465,731475,1],
[新泽西州,1967444150968872143371313586406,1{
lat:-1,
lon:1.2
}],
[“新墨西哥州”,380923、316134、74544、9797、781398、1],
[‘纽约’、4145376、2638135、162273、100110、7045894、1],
[North Carolina',2169496,2345235,130021,1038,4645790,-1],
[North Dakota',93758、216794、21434、378、332364,-1],
[Ohio',23205962776683174266443105315855,-1],
[Oklahoma',420375,949136,83481,01452992,-1],
['Oregon',991580,77408093875,492471908782,1],
['Pennsylvania',2874136,2945302,144826,49334,6013598,-1],
[“罗德岛”,227062166454147006171414387,1{
纬度:-0.7,
lon:1.7
}],
['南卡罗来纳州',855373115538949204130342073000,-1],
['南达科他州',11744222770120845,0365988,-1],
[Tennessee',868853151992670286159522475017,-1],
['Texas',38778684685047,283492715588917965,-1],
[Utah',222858375006396087695645167,-1],
['Vermont',17857395369100786758290778,1{
拉丁美洲:2
}],
['Virginia',198147317694431182742763896828,1],
[Washington',17278401210370160356575713156137,1],
[“西弗吉尼亚”,18751948630429588016704797,-1],
[威斯康星州,13829471407028106470310162927461,-1],
[怀俄明州,55973174419132872515246194,-1]
],
最大投票数=0,
demColor='rgba(74131