【问题标题】:Highmaps - Creating custom buttons using ExportingHighmaps - 使用导出创建自定义按钮
【发布时间】:2016-04-12 21:57:36
【问题描述】:

我想在 Highmap 的地图容器中创建一个按钮。我看到很多例子都与使用导出的 Highcharts 相关联。有人可以帮我举一个 Highmaps(世界或某个特定国家/地区)的例子。 更具体地说,使用 mapbubble 时不会创建按钮。

我的样本:Link

exporting: {
        buttons: {
            customButton: {
                x: -62,
                onclick: function () {
                    alert('Clicked');
                },
                symbol: 'circle'
            }
        }
    }

【问题讨论】:

标签: javascript highcharts highmaps


【解决方案1】:

要创建按钮,您可以使用与 Highcharts 中相同的代码 - Highcharts: replace custom button image on hover

如果您想在上下文菜单(导出菜单)中创建按钮,那么您可以在图表的选项中设置它们,例如 exporting.buttons

示例:http://jsfiddle.net/6umj6veL/

编辑:不要忘记包含导出模块;)

<script src="https://code.highcharts.com/modules/exporting.js"></script>

示例:http://jsfiddle.net/pbpc5r9L/1/

【讨论】:

  • 看,只有在使用mapbubble时才创建按钮。非常抱歉,我在问题中添加了这一点。
  • 没问题。添加导出模块以使您的代码正常工作。答案已更新。
  • 像魅力一样工作。谢谢你。您能否告诉我如何在同一个气泡图中启用“enableDoubleClickZoomTo: true”?
  • @jeffrycopps 它仅适用于地图区域 - 您必须添加一些数据到地图并启用鼠标跟踪:jsfiddle.net/qdau978v/1
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-27
  • 1970-01-01
  • 2013-03-05
  • 2021-12-26
  • 2016-04-27
  • 1970-01-01
相关资源
最近更新 更多