问题标签 [highmaps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
highcharts - Highmaps 在更新点后重绘错误(启用缩放)
我找到了这个支持纬度/经度的 highmaps 版本(http://github.highcharts.com/latlon/highmaps.js),然后我创建了一个例子来展示当我尝试动态缩放地图和更新地图点时发生了什么。常见的问题是地图上的点在点update()
法之后是可拖动的(在当前缩放位置)。
我的例子:http: //jsfiddle.net/f97jkgz6/67/
我认为功能map.redraw()
无法正常工作,当启用地图缩放并且超过默认值时。
请帮我找到这个问题的解决方案。
svg - 使用带有地图插件的 HighCharts 时地图不显示颜色
从以下 url http://www.highcharts.com/studies/map-from-svg.htm可以看出,当使用来自 SVG 的 Highmaps 渲染地图时,颜色范围不再适用于地图。相反,所有国家/大陆都是相同的颜色。
我确实知道这曾经可以正常工作,因为我在本地有一个工作版本,其中包含旧版本的地图插件“Map plugin v0.1 for Highcharts”。但是,当我升级我的 Highcharts 版本和 Map 插件时,它不再按预期工作。
使用 HighMaps 的新 api plotOptions.map.colorRange 似乎不再存在。
我也尝试过使用 dataClasses 和 min/max 的 colorAxis,但这也不起作用。事实上,我找不到使用 SVG 而不是 .js 地图文件的示例。
如果有办法使用新的 HighMaps 做到这一点,请提供帮助。
javascript - 如何缩放到 Highmaps 中的特定点
Highmaps / highcharts 是一个 javascript/jquery 适配器,可以在浏览器等中呈现地图。
我有一张突出显示单个国家的地图,但是,(世界)地图的比例是这样的,我想在地图加载到相关国家后放大。
看着 API,我确信这是可能的。
有一个事件监听器,这样我就可以在加载时执行自定义函数。如本例所示,在加载时添加了一个系列(Js fiddle)
此外,还有一种方法mapZoom
允许您使用以下参数指定要缩放到的点:
mapZoom (Number howMuch, [Number centerX], [Number centerY], [Number mouseX], [Number mouseY])
但是当我尝试调用这个方法 onload (我的代码在下面尝试,JS fiddle here)时,什么也没有发生。
highmaps - legendItemClick 在 highMaps 中不起作用
我现在正在使用 highMaps 一段时间,但目前我被卡住了。我有一张地图,其中每个区域都根据图例中的类别进行着色(0-10 是浅蓝色,10-20 是蓝色等)。单击图例上的类别的默认行为是区域,属于到那个类别,在地图上都是隐藏的。我想禁用此默认行为。HighMaps 提供了一个方法 'legendItemClick' 来捕获这个事件。但是,该事件没有被捕获。如果我将其更改为“点击”,它将被捕获。我做错了什么还是'legendItemClick'还没有为highMaps工作?我希望有人可以帮助我。
highcharts - 在 Highmaps 中显示点和向下钻取数据
我在使用 Highmaps 显示热图数据和地图上的点时遇到问题。这是一个例子:
这是美国向下钻取地图 ( http://www.highcharts.com/maps/demo/map-drilldown )的开箱即用示例,但我已对其进行了修改,因此如果您向下钻取伊利诺伊州我正在尝试在地图上添加一个点(在一个系列中)。
下面是我用来执行此操作的代码段:
结果(如果您打开浏览器控制台)是一个错误说明:
Highcharts 错误 #22:www.highcharts.com/errors/22
我试过转换坐标系,而是绘制 X 和 Y:
但这不起作用,因为它无法转换点,为 X 返回 0,为 Y 返回 null。我也尝试过更改地图类型,但这也不起作用。
我可以创建仅包含点的地图而无需向下钻取,但我似乎无法获得具有相同效果和点的钻取效果(颜色)的热图层。我没有在他们的任何地方看到关于点和向下钻取/着色段的限制。
有没有人能够让这个工作?我是不是在考虑这些地图图层,而这是不可行的?
highcharts - 如何将具有纬度和经度值的点转换为highcharts地图中的坐标?
Highmap 元数据有一个选项“hc-transform”,有人可以解释如何使用它吗?
我在highmaps中使用了默认的中国地图地理数据,但是现在我想添加一个新点,例如[lat,lon] [121,23],我想知道如何将其转换为坐标。
这就是我所做的。
我在“hc-transform”设置中错了吗?我该怎么办。
jquery - 将 JSON 数据动态加载到 Highcharts 向下钻取图中
我使用 PHP 为我的主要美国地图和下钻地图生成 JSON 文件。我想使用以下示例将两个数据点合并到地图中:
Highcharts 论坛上有人建议:
简单的想法是不使用向下钻取,而是通过添加和删除系列来开发解决方法——这些调用可以使用 ajax 调用,因此数据将被异步包含。
我能够使用以下代码合并主地图数据:
在我的页面上调用的 main.js 代码
主地图数据示例(states.json)
我对包含来自我的第二个 JSON 文件的数据感到不安,该文件包含向下钻取项目。这是格式:
钻取数据示例 (counties.json)
我假设我需要在当前设置为虚拟随机数据的示例中调整以下行:
46-51 行
关于如何插入我的 json 数据而不是虚假数据的任何想法?
highcharts - Highmaps 悬停效果/鼠标悬停颜色变化
我想完全禁用悬停效果这是代码片段
但是当我鼠标移出时,仍然有一些颜色效果,这里有一个 jsfiddle highmaps fiddle(请按照上面的方式更改系列选项)
从地图点发生鼠标移出时如何修复该颜色效果,任何帮助或参考将不胜感激。
jquery - Highcharts/Highmaps : 在下钻中显示气泡图
我需要使用 highcharts 将世界地图显示为气泡图。在第 1 级,根据数据在国家/地区显示带有气泡的世界地图。
这是小提琴:JSFiddle。
如果通过单击任何气泡选择国家/地区,我想要的下一件事是显示国家/地区的气泡图。到目前为止,我能够在第一个系列中加载气泡层传递 ID 以进行深入研究。但是,我还需要显示另一个系列以加载回地图以在其上显示气泡,同时对任何国家/地区都需要向下钻取。尝试在第一个系列的钻取中传递多个 ID,如下所示:
但是,无处可去,也可以在钻取中显示气泡图吗?
任何帮助表示赞赏。谢谢!!