通过使用Highmap的用户选择以编程方式为区域着色

时间:2018-10-23 11:53:56

标签: highcharts theming

我有一个应用程序,用户可以单击以选择一个区域。然后,地图会重新编写自身并将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)";

但到目前为止没有突破:/

有什么想法吗?

谢谢

1 个答案:

答案 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()

演示: https://jsfiddle.net/wchmiel/yzco1023/