更改高图的缩放级别

Question

我一直在尝试减少按放大/缩小按钮时地图放大/缩小的数量。 似乎没有任何变量，它需要使用http://api.highcharts.com/highmaps#Chart.mapZoom的自定义函数

我想做的是使用自定义事件覆盖缩放按钮的默认事件，该事件使用mapZoom'howMuch'参数的自定义值。 这是我在操作中能够找到mapZoom函数的唯一示例-http: //jsfiddle.net/z8X6B/1/ ：

Highcharts.Chart.prototype.mapZoom = function (howMuch, centerXArg, centerYArg, mouseX, mouseY) {}

但是我还无法弄清楚如何使用自定义功能覆盖现有的放大/缩小按钮事件（我想避免创建自己的按钮）。

Answer 1

好问题！ 我在地图的导航按钮（ http://api.highcharts.com/highmaps#mapNavigation.buttons ）上浏览了Highmaps API参考，并弄清楚了如何做到这一点：

mapNavigation: {
    buttons: {
        zoomIn: {
            // the lower the value, the greater the zoom in
            onclick: function () { this.mapZoom(0.1); }
        },
        zoomOut: {
            // the higher the value, the greater the zoom out
            onclick: function () { this.mapZoom(10); }
        }
    }
},

这是一个基于Highmaps演示之一的活跃小提琴： http : //jsfiddle.net/brightmatrix/d51g1jt2/

根据我的测试，似乎放大时mapZoom()值需要是缩放后仍要看到的地图的百分比（在此示例中，我们只希望看到地图总数的10％）。 任何值1或更高似乎并没有工作。

对于缩小， mapZoom()的值似乎是一个乘数。 因此，在这种情况下，我们放大了地图值的10％，因此您的缩小是该值的10倍。

放大和缩小的默认值分别为0.5和2 ，这是有道理的（放大到地图大小的50％；缩小2倍）。

希望这些信息对您有所帮助！