我有一个应用程序,用户可以单击以选择一个区域。然后,地图会重新编写自身并将zoomsTo()缩放到所选区域。到目前为止,其他所有方法都可行,但是我还不知道如何以编程方式为所选区域着色。也可以从下拉列表中选择区域(或不同的统计信息),因此无论如何我都必须重绘地图。
var mapChart=$('#mapcontainer').highcharts();
mapChart.get(jQuery( "#selected-region" ).val()).zoomTo();
mapChart.mapZoom(5);
我已经尝试了一些方法:
mapChart.get(jQuery( "#selected-region" ).val()).color="rgb(255,0,0)";
但到目前为止没有突破:/
有什么想法吗?
谢谢
答案 0 :(得分:1)
使用jquery选择点不是最佳解决方案。 Highcharts提供诸如TEST = 113
TEST = 114
Traceback (most recent call last):
File "test.py", line 7, in <module>
call_self(sys.argv[1])
File "test.py", line 4, in call_self
os.execv(sys.executable, ['python'] + sys.argv )
OSError: [Errno 12] Not enough space
之类的点事件,您可以在其中访问单击的点实例,也可以使用chart.get()方法通过点ID选择一个点。
要更改所选区域的颜色,必须在选择一个点(区域)时定义颜色属性:
click
现在,您必须在单击或选择的点上调用select()方法,以及调用series: [{
states: {
select: {
color: '#a4edba'
}
}
}]
方法:
zoomTo()