(jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框中?

2023-11-29

我想添加额外的custom工具提示框中的统计数据行,出现在鼠标悬停上方。据我所知,它仅显示名为的对象数组内的数据series: and tooltip:.

我只是想放入更多自定义数据(放入工具提示框中)每个工具提示都有单独的值(不常见)。

例如:
第 1 栏 ============================= 41%Tooltip: Water: 7.86%
第 2 条 ================= 33%Tooltip: Salt: 5.2%, Water: 80%
第 3 条 ======================== 35%Tooltip: Caffeine: 51%, Alcohol: 31%, Water: 4%

每个栏的工具提示项和值都不同。我怎么能够?


您可以使用以下方式存储此信息series,如下所示。

{
    type: 'bar',
    name: 'Bar3',
    composition: {
        'Caffeine': '51%',
        'Alcohol': '31%',
        'Water': '4%'
    },
    data: [35]
}

然后你可以通过工具提示格式化程序来获取它。使用this来参考该系列。

tooltip: {
    formatter: function() {
        console.log(this.series.options.composition);
    }
}

然后您只需根据需要设置文本格式即可。

Demo

参考:

  • 工具提示格式化程序
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

(jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框中? 的相关文章

  • 使用 jQuery 将文本分解到随机位置

    有一些 jQuery 示例 介绍如何内爆文本 如下所示 http jsfiddle net doktormolle dNXVx http jsfiddle net doktormolle dNXVx 我怎样才能做到相反 我想将跨度元素中的字
  • 使用 jQuery 检测用户何时滚动到 div 底部

    我有一个 div 框 称为 Flux 里面有可变数量的内容 此 divbox 的溢出设置为自动 现在 我想做的是 当使用滚动到此 DIV 框的底部时 将更多内容加载到页面中 我知道如何执行此操作 加载内容 但我不知道如何检测用户何时滚动到
  • 客户端与服务器端图像压缩[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在研究用户可以上传图片的东西 图像大小不受限制 现在我有两个选择使用PHP 服务器端 压缩图像或使用
  • 使用 jQuery .load 时防止滚动到顶部

    我的网站上有三个按钮 当您单击每个按钮时 它们会使用 load 将不同的内容添加到 DIV 中 我遇到的问题是 每当您单击按钮时 它都会将您带回页面顶部 我尝试过使用 PreventDefault 并返回 false 但它对我不起作用 我可
  • jquery 对于每个具有相似 id 的元素

    我在页面上有很多元素 ID1 ID2 ID3 我想操纵所有元素 有没有更简单的方法来做到这一点 ID each function 您可以使用 选择器 Example div id ID 选择 DOMID属性开头为ID 即 ID1 IDID
  • 如何在Jquery数据表中选择一行

    我在用数据表 http datatables net 在我的应用程序中 每当用户单击任何行时 我想突出显示它并从所选行中选择一些值 oTableTools sRowSelect single fnRowSelected function n
  • 阻止 IE 两次加载动态包含的脚本

    我在杂项上添加了一些相关内容 网页通过添加
  • JQuery:如何自动完成“城市,州”?

    Question 怎么用啊JQuery 自动完成插件 http docs jquery com Plugins Autocomplete建议地点 City State 用于输入字段 意思是 有人想输入 伊利诺伊州芝加哥 所以他们开始打字 C
  • 等待动态加载脚本

    在我的页面正文中 我需要插入以下代码作为 AJAX 调用的结果 p Loading jQuery p p Using jQuery p 我不能使用 load 由于文档已经加载 因此该事件不会触发 这安全吗 如果没有 我如何确保在执行自定义生
  • jQuery 自动完成 - xml 跨站点请求

    我的自动完成功能的 XML 提要位于另一台服务器上 是否有客户端 javascript 方法来获取此 XML 文档 我知道我可以使用 php jsp 等创建代理 但我需要在所有客户端完成此操作 这就是我现在调用该文件的方式 该文件仅在同一域
  • 使用 jQuery UI 图标

    jQuery UI 在精灵图像中提供了方便的图标 看到主题滚轮 http jqueryui com themeroller 我有一个input我想要时钟图标的元素 带有类 ui icon clock 作为背景图像 怎样才能有一个背景图标in
  • 如何重定向到另一个页面并从表中传递 url 中的参数?

    如何重定向到另一个页面并从表中传递 url 中的参数 我在龙卷风模板中创建了类似的东西 table thead tr th Username th th Nation th th Rank th th th tr thead tbody f
  • 如何在 joomla 模块中通过 javascript 发送输入文件类型

    我想将带有 javascript 的文件发送到 php 文件 我的 php 文件中有这个表单
  • 是否有 IE 渲染完成事件?

    在尝试确定页面加载时间为 20 秒的原因时 我发现 IE8 中有一些奇怪的行为 场景是这样的 我进行 ajax 调用 它返回并且回调看起来像这样 StoreDetailsContainer html tableHtml var StoreD
  • 第一个单词选择器

    如何选择 div 中的第一个单词 我需要能够在第一个单词后插入换行符 或者将其包装在 span 标记中 我需要对具有相同类的页面上的多个 div 执行此操作 替换 HTML 将导致事件处理程序解除绑定 替换元素的整个文本将导致 HTML 标
  • 如何将 jquery 添加到 Appcelerator Titanium Mobile Work?

    是否可以将 jquery 集成到 Titanium Appcelerator 中并且它可以正常工作吗 否则我们不能将jquery集成到titanium appcelerator中 有人帮助我吗 你到底想做什么 我不确定它在没有 DOM 的情
  • QUnit 与固定装置的奇怪行为,测试交替失败和通过

    我在 QUnit 中进行了以下设置 Dozen or so previous tests here test Test some markup generation function qunit fixture plugin jQuery
  • 将 jQuery 单击处理程序添加到多个元素?

    我需要有一个for在我的 jQuery 中循环 Example for i 0 i
  • Jquery 点击事件在设备(ipad、iphone ..)中的 li 上不起作用

    Jquery 单击事件在设备中的 li 上不起作用 我尝试使用 click 和 touchstart 事件 但是使用 touchstart 时的问题是我无法向下滚动 div 当我尝试通过单击 li 向下滚动时 它会被选中 有没有办法使用任何
  • 查看元素的所有 dom 事件

    我有一个 jQuery UI 日期选择器 当您单击日期时 它会清除我的 URL 哈希值 并且不会更改文本框中的日期 我假设某个地方还有其他一些 JavaScript 实用程序 它也正在调用某种委托事件 抛出错误并终止 jquery 处理程序

随机推荐

  • 为什么 shell 中 0 为 true,1 为 false?

    false echo 上面会输出1 这与我所知道的所有其他编程语言相矛盾 这其中有什么原因吗 Bash 是一种编程 脚本 语言 但它也是一个 shell 和一个用户界面 如果0是错误 那么程序只能出现一种错误 然而在 Bash 中 任何非零
  • 在数组过滤时响应更新,但在添加元素时不响应更新

    我正在尝试模拟一个能够添加和删除产品的表 但是该组件仅在删除组件时更新 但在添加新行时不会更新 我在用着useState 这是我的数组 const rowss createData 1 Zapatillas 2 200 createData
  • 正确地在图像上绘图

    我正在创建一个小型图像编辑器 现在我试图让用户有机会通过拖动鼠标在图像上绘图 就像 MS Paint 中的铅笔工具一样 我遇到了一些困难 因为当我移动光标太快时 应用程序无法绘制所有应该着色的像素 只有一小部分数字被正确着色 我尝试了两种解
  • 使用 jQuery Ajax 删除 mySQL 表行

    我正在尝试做到这一点 因此当我单击跨度图标时 它会将article id发送到我的php sql页面 该页面会删除我的文章 我使用jQuery Ajax发送id id在jQuery端发送正常 但之后http post 请求已完成 我的表行仍
  • 输入对于数组来说太大

    我有一个小问题 我只是想知道 include
  • Azure Web 应用程序从 AAD 身份验证注销

    我无法从以 Azure Active Directory 作为身份验证提供程序的简单 Azure Web 应用程序注销 用户使用显示的 AAD 登录页面登录站点here 但我正在努力找出如何注销用户 我尝试使用各种未记录的注销网址 例如 h
  • Visual Studio 不将 SVG 图像显示为背景

    我有一个带有 html 文件 Html 5 的 asp net 项目 我正在尝试使用 CSS 3 将 SVG 设置为我的 body 标签的背景 我的文件如下 在我的 Style css 中 当我双击并打开 html 文件时 我可以看到主体充
  • 如何编写一个捕获所有异常的“try”/“ except”块?

    我怎样才能写一个try except捕获所有异常的块 除了光秃秃的except 子句 正如其他人所说你不应该使用 你可以简单地抓住Exception import traceback import logging try whatever
  • 实现引用类型和非引用类型的特征会导致实现冲突

    我正在尝试创建一种特征 并为所有非引用类型提供一种实现 为所有引用类型提供另一种实现 这无法编译 trait Foo impl
  • 我应该如何在 ACL 中构建资源树?

    我想使用 PHP 和 Zend ACL 创建一个极其灵活的权限系统 我希望能够向特定类型的所有对象以及这些对象的实例分配权限 如果查询对象的特定实例并且资源树中不存在该实例 则可以使用 通用 对象的权限集 我的问题是 这需要嵌套 并且我无法
  • Internet Explorer z 索引错误?

    如何将一个元素重叠到 Internet Explorer 中相对定位的另一个元素上 Z index 不起作用 它总是出现在相对定位元素的后面 看起来我在开玩笑 但我不是 myLinkCssClass background url
  • Linux x86_64 上的 Cassandra 启动错误 1.2.6

    尝试从最新的稳定版本在 Linux 上安装 cassandra http cassandra apache org download 1 2 6 我已修改 cassndra yaml 以指向自定义目录而不是 var 因为我没有 var 的写
  • 构建 android studio 项目时运行 lint

    我希望在使用 android studio 构建项目时能够运行 lint 任务 以确保遵循 lint 规则 我尝试过使用任务依赖项 但没有成功 我的 TeamCity 构建服务器使用运行 lint 任务的构建任务 因此效果很好 然而 and
  • 从没有默认构造函数的虚拟基派生类

    我正在为我正在开发的 C 应用程序编写一个小的异常类层次结构 并且我无法间接派生std runtime error 这是与我迄今为止编写的代码类似的代码 class RuntimeException public virtual boost
  • 如何使用 Vite 构建多个包,类似于 Webpack 中的多编译器模式(多配置)

    我有一个应用程序 它有一个主 index html 和 main js 但也有外部脚本 库 从 main js 内部以编程方式注入到 index html 中 所有这些脚本 库 的构建方式都不同 因为它们需要不同的别名 插件 加载器和文件夹
  • 是否可以抓取 ASP.NET 页面?

    有没有办法抓取一些使用 doPostBack 作为事件调用的 ASP NET 页面 Example 第1页 aspx 包含 1 个重定向到 Page2 aspx 的 LinkBut ton LinkBut ton Click 事件的隐藏代码
  • 如何在使用 Binding.scala 将元素加载到 dom 后执行一些 init

    dom def chart show Var Boolean if show bind
  • 向下滚动时淡入,向上滚动时淡出 - 基于窗口中的元素位置

    我试图让一系列元素在窗口中完全可见时在向下滚动时淡入 如果我继续向下滚动 我不希望它们淡出 但如果我向上滚动 我确实希望它们淡出 这是我发现的最接近的jsfiddle http jsfiddle net tcloninger e5qaD d
  • 在 JSP/Servlet 中管理文件上传

    又是一个非常初学者的问题 但我在这里 我想使用 servlet 或类似工具将上传的文件 从 html 文件选择 复制到永久位置 这就是我需要对文件执行的所有操作 我目前正在使用 Apache Commons FileUpload 和 IO
  • (jQuery Highchart) 有没有办法将额外的自定义数据放入工具提示框中?

    我想添加额外的custom工具提示框中的统计数据行 出现在鼠标悬停上方 据我所知 它仅显示名为的对象数组内的数据series and tooltip 我只是想放入更多自定义数据 放入工具提示框中 每个工具提示都有单独的值 不常见 例如 第