Highcharts:添加自定义图像按钮

2024-01-23

我想在高图表上添加图像按钮。 到目前为止,我已经成功创建了一个图像按钮并在其上附加了一个单击事件。 但问题是,图像(sun.png)位于图表的左侧,图像按钮右对齐(工具栏的默认位置)。有什么解决办法吗?

exporting: {
    buttons: {
        popUpBtn: {
            symbol: 'url(images/sun.png)',
            _titleKey: 'popUpBtnTitle',
            x: -10,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function () {
                alert('ad');
                popUpChart($(this));
            }
        },
        exportButton: {
            enabled: false
        },
        printButton: {
            enabled: false
        }

    }
}

另外,如果有其他方法在图表中添加具有点击事件的图像,也欢迎这些方法。


最后我是这样想出来的。 也许它会帮助其他人。

function callback($this){
    var img = $this.renderer.image('images/zoom_icon.png',$this.chartWidth-40,5,40,12); 
    img.add(); 
    img.css({'cursor':'pointer'});
    img.attr({'title':'Pop out chart'});
    img.on('click',function(){
              // prcessing after image is clicked
    });

 }

new Highcharts.Chart(charts.params,callback);

// where charts.params is object which contains options for chart
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Highcharts:添加自定义图像按钮 的相关文章

随机推荐

  • T-SQL 中的多列透视

    我正在使用一个表 其中有多行需要转换为列 因此 枢轴是解决此问题的完美解决方案 当我只需要一个字段时 它效果很好 我需要根据枢轴返回几个字段 这是删除了细节的伪代码 SELECT field1 1 2 3 4 FROM SELECT fie
  • 添加phonegap-plugin-push插件后Ionic应用程序无法启动

    在我尝试按照此处的指南添加phonegap plugin push插件后 我的Ionic应用程序卡在启动屏幕上 https ionicframework com docs native push https ionicframework c
  • C - 指针大小

    char c a b c int p c 0 printf i n sizeof p Prints out 4 printf i n sizeof c Prints out 1 我对这段代码感到非常困惑 p 和 c 都表示数组 c 在第 0
  • 初始屏幕仅在 Android 8.1 上触发 Resources$NotFoundException

    我跟着本教程 https www bignerdranch com blog splash screens the right way 在这里一步一步 它在我的 API 21 模拟器上运行良好 但在我的 27 上 一旦应用程序加载 它就会崩
  • 如何使用 CUDA C 快速压缩稀疏数组?

    Summary Array A B C 在设备内存中但想要 A B C 使用 CUDA C 最快的方法是什么 Context 我有一个数组A设备 GPU 内存上的整数 在每次迭代中 我随机选择一些大于 0 的元素并从中减去 1 我维护一个排
  • DataTables - 如何使用自己的按钮进行导出?

    我使用 Materialise 作为我的 UI 框架 并使用 DataTables 作为我的表格 我有一个表需要导出到 Excel 我可以使用 DataTables 按钮很好地完成它 但是 它们是默认的 DataTables 按钮 我想使用
  • 无法将 Firebase 存储图像快速显示到 CollectionView 中

    我需要一些帮助 我一直在互联网上寻找帮助 以在 CollectionView 中显示我的 firebase 存储图像 我正在使用 UIImagepicker 将图像上传到 firebase 但它们没有显示在我的 CollectionView
  • 从 Swift 类调用 Objective-C 导致链接器错误

    我正在尝试在 Swift 中使用 RFDuino Objective C 库 这一切听起来很简单 我以前从 Swift 类调用过 Objective C 没问题 然而这一次我碰壁了 创建的头文件 向其中添加了头文件 Swift 可以看到类没
  • DrawingManager.setDrawingMode(null) 导致过多的递归

    请看看这个小提琴 http jsfiddle net HoffZ Zu55b http jsfiddle net HoffZ Zu55b 为什么它会导致错误 太多递归 drawMan setDrawingMode null drawMan
  • LocationManager 每分钟更新一次,消​​耗大量电池电量

    我有一些类似于以下的代码 LocationManager m LocationManager context getSystemService Context LOCATION SERVICE Criteria c new Criteria
  • 简单的html dom:如何获取没有特定属性的标签

    我想获取 class 属性等于 someclass 的标签 但仅获取那些未定义属性 id 的标签 I tried以下 基于此答案 但不起作用 html gt find someclass id Note 我在用着简单的 HTML DOM 类
  • 如何比较两个数组的所有元素?

    我有两个大约 1000 行和 1000 列的大数组 我需要比较这些数组的每个元素 如果相应的元素相等 则将 1 存储在另一个数组中 我可以用 for 循环来做到这一点 但这需要很长时间 我怎样才能更快地做到这一点 给出的答案都是正确的 我只
  • WCF 服务合同中使用soapAction="" 进行多项操作?

    我需要创建一项将由第三方 回调 的服务 因此 我需要遵守他们的 WSDL 他们的 WSDL 定义了所有操作soapAction 所以我的服务也需要做同样的事情 不幸的是 我收到错误 操作A和 乙有 相同的动作 每一次操作 必须具有独特的行动
  • Keras 简单 RNN 实现

    我在尝试编译具有一个循环层的网络时发现了问题 第一层的维度似乎存在一些问题 因此我对 RNN 层在 Keras 中如何工作的理解存在一些问题 我的代码示例是 model add Dense 8 input dim 2 activation
  • 使用 rspec 和 devise sign_in env 进行集成测试

    我正在使用配置为使用omniauth facebook登录集成的设备 当拨打电话时sign in方法来自我的spec request我得到的测试 undefined method env for nil NilClass spec desc
  • Android 免费和付费,具有不同的功能

    我知道开发应用程序的免费和付费版本的最佳方法是拥有一个包含程序主要部分的库项目 然后 免费和付费项目将使用该库项目 这使得免费和付费项目拥有不同的资源 但是 我的问题是我们如何限制免费应用程序中的功能 或将其扩展为付费应用程序 例如 我的免
  • Python 2 与 3。相同的输入,不同的结果。 MD5 哈希值

    Python 3 代码 def md5hex data return hex string of md5 of the given string h MD5 new h update data encode utf 8 return b2a
  • Scala Spark - 处理层次结构数据表

    我有带有树结构的层次结构数据模型的数据表 例如 这是一个示例数据行 Id name parentId path depth 55 Canada null null 0 77 Ontario 55 55 1 100 Toronto 77 55
  • JDBC Hibernate - Mysql 连接错误

    我的 Ubuntu 11 10 桌面上有一个本地 mysql 服务器 主机名 本地主机 用户名 根 密码 root 数据库名称 CBS 我真的很困惑 因为当我使用 访问 mysql 时terminal mysql administrator
  • Highcharts:添加自定义图像按钮

    我想在高图表上添加图像按钮 到目前为止 我已经成功创建了一个图像按钮并在其上附加了一个单击事件 但问题是 图像 sun png 位于图表的左侧 图像按钮右对齐 工具栏的默认位置 有什么解决办法吗 exporting buttons popU