Charts 具有向下钻取功能的Highmaps贴图

Charts 具有向下钻取功能的Highmaps贴图,charts,highcharts,drilldown,Charts,Highcharts,Drilldown,我需要对地图进行深入研究,从一个国家到另一个州: 事实上,我使用的是秘鲁的自定义地图,但已经有了美国的例子,这将帮助我向我展示一些解决方案。 有可能做到这一点吗?我用mappie和深入分析做了一个示例,向您展示如何开始和实现它。我已经为加利福尼亚州添加了深入调查,所以只有这个州才能工作 添加向下展开模块: 每个点都应具有向下展开特性集。您可以将其添加到点对象或数据数组中(然后序列中的键数组应该指向它。API:) 发生向下钻取事件时,隐藏或删除每个mappie系列,并在向上钻取事件时再次创建它

我需要对地图进行深入研究,从一个国家到另一个州:

事实上,我使用的是秘鲁的自定义地图,但已经有了美国的例子,这将帮助我向我展示一些解决方案。
有可能做到这一点吗?

我用mappie和深入分析做了一个示例,向您展示如何开始和实现它。我已经为加利福尼亚州添加了深入调查,所以只有这个州才能工作

  • 添加向下展开模块:
  • 每个点都应具有向下展开特性集。您可以将其添加到点对象或数据数组中(然后序列中的键数组应该指向它。API:)
  • 发生向下钻取事件时,隐藏或删除每个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