javascript,在 highcharts map 上缩放后更改默认位置

标签 javascript highcharts zooming

使用 highcharts ( http://www.highcharts.com/maps/demo ) 我正在显示亚洲 map 。我想专注于东南亚,所以我想在加载 map 后立即添加默认缩放。 为此,我正在使用:

        chart: {
            events: {
                load: function () {
                this.mapZoom(0.4, 100, 100);
                }
            }
        }

第一个参数是缩放的强度,我假设第二个和第三个参数是我想要缩放的点的坐标。 问题是无论我为第二个和第三个参数输入什么值,焦点始终是相同的。

知道如何才能专注于某一特定点吗?

最佳答案

您正在以正确的方式处理此问题,我希望这只是您的 X/Y 值对于 map 数据来说太低,因此缩放后坐标看起来不会发生变化。例如,http://jsfiddle.net/kez11sm0/30/

events:{
    load: function(e){
        this.mapZoom(0.3,7000,-7500);
    }
}

缩放的 X 和 Y 值基于下面的 map 数据,而不是浏览器中绘图的大小。

关于javascript,在 highcharts map 上缩放后更改默认位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40646886/

相关文章:

css - 如何使用 CSS 获得 2px 宽的边框而不考虑浏览器缩放

image - 在 windows phone 上的滚动查看器中实现图像缩放

javascript - 从按键事件的日期输入中获取值

javascript - 使用 NodeJS 生成服务器端 HighStock 图表

javascript - 多轴在 Highcharts 4 上不起作用

javascript - Highcharts 中的非连续时间序列

jquery - 使用 zoomooz 缩放 HTML 内容

javascript - jQuery - '' 执行 "animate"时未捕获类型错误

javascript - 柱形图水平刻度的透明背景

javascript - 处理大型数据集的图形和显示的最佳方法