Highcharts - 仅当直接悬停在点上时显示工具提示

2024-02-25

Highcharts 的默认体验似乎是距离光标最近的点(水平)处于悬停状态。这意味着当您到达行中下一个点的一半以上时,就会触发工具提示。我希望当我直接将鼠标悬停在一个点上时触发工具提示,然后保持活动状态,直到我将鼠标直接悬停在另一个点上。

这是该问题的一个小提琴,相应的代码如下:

http://jsfiddle.net/qNLu2/ http://jsfiddle.net/qNLu2/

$(function () {
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    }]
});

});


使用 HighCharts 选项,您可以设置以下内容来实现您想要的效果:

plotOptions: {
    series: {
        stickyTracking: false
    }
},
tooltip: {
    snap: 0
}

这将导致工具提示仅在鼠标直接位于该点上方时触发,并在鼠标离开该点时关闭。唯一的问题是淡出动画(即 snap: 0)需要一些时间,但您应该能够更改动画时间。不过我还没找到。

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

Highcharts - 仅当直接悬停在点上时显示工具提示 的相关文章

  • 是否可以禁用特定 jQuery Ajax 调用的 Turbolinks 以防止页面刷新和滚动?

    我有一个 Rails 5 应用程序 非常想使用 Turbolinks 在应用程序中 有几个 PATCH ajax 调用 它们只是用新数据更新服务器 但不需要担心更新页面的状态 每当这些 ajax 请求返回时 Turbolinks 就会刷新页
  • Twisted 的 Deferred 和 JavaScript 中的 Promise 一样吗?

    我开始在一个需要异步编程的项目中使用 Twisted 并且文档非常好 所以我的问题是 Twisted 中的 Deferred 与 Javascript 中的 Promise 相同吗 如果不是 有什么区别 你的问题的答案是Yes and No
  • 为什么 jQuery 点击事件会多次触发

    我这里有这个示例代码http jsfiddle net DBBUL 10 http jsfiddle net DBBUL 10 document ready function creategene click function confir
  • 计算Javascript中两次点击之间的时间

    我想用 javascript 计算属性的两次点击之间的时间 但我不知道如何 例如 a href click here a 如果用户单击多次 假设 5 秒内 我想显示警报 如果有帮助的话我正在使用 jQuery 我对 javascript 不
  • 如何在 d3 js 中突出显示从根到选定节点的路径?

    我使用 d3 js 创建了一棵树 现在我创建了一个下拉菜单 其中包含树中所有节点的列表 现在 从下拉菜单中选择一个节点时 我想突出显示从根到该特定节点的路径 这个怎么做 首先创建一个 flatten 函数 它将分层数据变成一个 n 数组 f
  • JavaScript 动画平滑滚动

    默认情况下 当您有这样的片段链接时 a href some url some fragment some text a 浏览器立即向下滚动到该片段 我该如何编程才能使用标准 JS 顺利地向下移动到该片段 这是一个例子 Example htt
  • 如何改变HTML5视频的播放速度?

    如何更改 HTML5 中的视频播放速度 我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点 根据这个网站 http www chipwreck
  • Aptana Studio 3 上的预览选项卡在哪里?

    我在 Windows PC 上使用 Aptana Studio 2 并有一个选项卡用于在 IE 上预览页面 另一个选项卡用于在 Firefox 上预览 但我切换到了 Aptana 3 我不知道是没有预览还是我没有找到它 是的 我在 stac
  • AJAX:检查字符串是否为 JSON?

    我的 JavaScript 有时会在这一行崩溃 var json eval this responseText 当争论时会导致崩溃eval 不是 JSON 在进行此调用之前有什么方法可以检查字符串是否为 JSON 我不想使用框架 有什么方法
  • 访问 TypeScript 数组的最后一个元素

    TypeScript 中有访问数组最后一个元素的符号吗 在 Ruby 中我可以说 array 1 有类似的东西吗 您可以通过索引访问数组元素 数组中最后一个元素的索引将是数组的长度 1 因为索引是从零开始的 这应该有效 var items
  • 使用 jquery 将字符串数组转换为整数

    我正在尝试将 jquery 中的字符串数组转换为整数数组 这是我的尝试 var cdata data values split each cdata function i l l parseInt l 我认为在这种情况下你不需要使用 Jqu
  • 如何清除WebGL中的矩形区域?

    WebGL 有一个clear清除整个表面的方法 清除表面的特定矩形的最佳方法是什么 例如 我想将一个从 50 50 开始的 100x100 像素框设置为全零 ARGB 0 0 0 0 我现在能想到的就是用一个写入零的片段着色器绘制一个四边形
  • 如何滚动到div内的元素?

    我有一个滚动的div我想在点击它时发生一个事件 它会强制执行此操作div滚动以查看内部元素 我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚
  • 选中复选框时提交表单

    有没有办法在选中复选框时提交表单
  • 如何将 Browserify 与外部依赖项一起使用?

    我正在尝试慢慢地将 Browserify 引入我的网站 但我不想重写所有 js 也不希望 jquery 和其他库的重复实例与我的 Browserify 版本捆绑在一起 如果我构建将 jquery 列为外部依赖项的模块 那么如何将其指向我的全
  • 是否可以使用打字稿映射类型来创建接口的非函数属性类型?

    所以我正在研究 Typescript 的映射类型 是否可以创建一个接口来包装另一种类型 从而从原始类型中删除函数 例如 interface Person name string age number speak void type Data
  • Jquery,清除/清空 tbody 元素的所有内容?

    我认为这会相当简单 但似乎空方法无法清除我拥有的 tbody 如果有人知道执行此操作的正确方法 我将不胜感激 我只想删除 tbody 中包含的所有内容 到目前为止我正在尝试 tbodyid empty HTML table tbody tr
  • Django 与谷歌图表

    我试图让谷歌图表显示在我的页面上 但我不知道如何将值从 django 视图传递到 javascript 以便我可以绘制图表 姜戈代码 array Year Sales Expenses 2004 1000 400 2005 1170 460
  • Restangular - _.contains() 不是一个函数

    如果您最近通过 Bower 更新了 Restangular 它将安装最新的 Lodash 新的 4 0 然而 这是一个问题 因为 Restangular Angular 现在会抛出错误 contains 不是函数 你怎么解决 解决方案非常简
  • 在 javascript 中使用 xPath 解析具有默认命名空间的 XML

    我需要创建一个 XML xPath 解析器 所有解析都必须在客户端进行 使用 JavaScript 我创建了一个 javascript 来执行此操作 在默认名称空间发挥作用之前 一切看起来都正常 我根本无法查询具有默认命名空间的 XML 我

随机推荐

  • 如何替换 html 标签之间的任何文本

    我在 html 标签之间有文本 例如 td vip td 我将在标签之间添加任何文本 td td 我如何从这些标签中剪切任何文本并将任何文本放在这些标签之间 我需要通过 bash shell 来完成 我怎样才能做到这一点 首先 我尝试获取此
  • HttpClient - Xamarin Android - MvvmCross

    我一直在使用 Xamarin 和 MvvmCross 开发 Android 应用程序 一切都很顺利 我和我 的团队能够开发解决方案 本周我们决定进行最终调整并在其他环境中测试该应用程序 在测试过程中 我遇到了 Android 解决方案的巨大
  • 当我在 JScrollPane 中滚动水平和垂直滚动条时,paintComponent 不会被调用

    我在使用 Swing 和 JScrollPane 时遇到问题 我的行为很奇怪 我延长了JScrollPane 我在其中显示图像并在其上绘制矩形以定义区域 对于大图像 我有一个水平和一个垂直滚动条 我 好吧 当我移动一个或另一个滚动条时 我看
  • 重用 CloudFormation 标签列表

    我有一组相当复杂的 CloudFormation 模板 用于配置基础设施的不同环境 然而 我最近收到了使用相当广泛的标签列表 如 15 个 来标记创建的资源的请求 对我来说 将标签硬编码到每个模板文件中似乎不是一个好主意 我宁愿创建一次标签
  • arp -a 和路由打印

    我需要编写一个程序来显示这些信息 netstat TCP UDP 连接 有关 IP 的信息 ipconfig all arp a 路线打印 我已经拥有其中的大部分 但我有一个问题route print and arp a 我不想使用执行此命
  • 从 dll 导入显式实例化的模板类

    作为一个 dll 新手 我必须向全能的 SO 询问一些事情 假设我显式实例化一个模板类 如下所示 template class declspec dllexport B
  • 新的 C++ 向后兼容

    我已经很多年没有用 C 编写代码了 我最近发现 在那些年里 情况发生了很大的变化 我不确定我是否喜欢这些变化 但那是另一个讨论了 我的硬盘上仍然有一些 C 代码 如果我把它拿出来并尝试用一个很好的新 C 编译器 比如最新版本的 g 来编译它
  • 删除 Iframe 周围的额外空白?

    我在页面中使用 iframe 并偶然发现了一个奇怪的问题 我像这样设置 iframe css iframe margin none padding none background blue this is just to make the
  • 尝试在fineUploader中解析xhr响应文本时出错

    我现在购买了这个罚款上传器版本 3 3 0 并将所有库集成到我的网站中 我认为上传可以正常工作 但不行 我的 javascript 控制台出现错误 FineUploader Sending upload request for 0 Fine
  • 角度材质选项卡 - 仅在选择活动选项卡时加载/卸载组件

    给出 MainComponent html 的以下代码
  • 将数字转换为逗号分隔值

    我需要将数字转换为逗号分隔的格式以显示在C 例如 1000 to 1 000 45000 to 45 000 150000 to 1 50 000 21545000 to 2 15 45 000 如何实现这一目标C 我尝试了下面的代码 in
  • 在 Ubuntu 上使用 mysql 安装 Sonar

    我正在尝试让本机声纳包在 ubuntu 12 04 上运行 当我使用 H2 运行它时 它正在端口 9000 上运行并可访问 如果我切换到 mysql 它不工作 看起来数据库连接失败 登录名 表和权限都会经过多次双重检查 当我尝试访问 htt
  • Chrome RangeError:使用 jQuery $.map 时超出最大调用堆栈大小

    我正在为我的雇主测试一个 Web 应用程序 其中涉及从服务器检索大量数据 使用以下方法将数据作为 JSON 对象返回 ajax http api jquery com jQuery ajax 函数 包含大量子对象 我使用 jQuery 将其
  • 如果我没有为其相应的命令声明消息映射条目,如何阻止 MFC 禁用我的控件?

    我有以下问题 如果我没有相应消息的消息映射条目 假设 ID MYBUTTON1 MFC 将禁用我的工具栏 CToolbar 控件 有没有解决的办法 我对菜单也有同样的问题 但我发现您可以通过将 CFrameWnd m bAutoMenuEn
  • DDD - 使用 Doctrine 2 的有界上下文之间的关联映射

    我正在努力理解使用 Doctrine 2 实现来自不同有界上下文的两个实体之间的关联映射的正确方法 假设有两个 User 和 Post 实体分别属于 User 和 Content 有界上下文 内容 上下文中还有一个 用户 概念 它通过多对一
  • iOS如何屏蔽图像背景颜色

    我想在我的 iOS 应用程序中执行以下操作 用户可以在白色背景纸上画一些东西 我的应用程序允许用户捕获绘制的图像 这里的图像将以白色背景捕获 最后 从捕获的图像中 我需要掩盖白色背景颜色 然后将图像单独放入 UIImage 对象中 我完成了
  • 为什么 Intellij 默认 getter/setter 模板会删除我的布尔“is”变量名前缀?

    我有一个实体 我将变量定义为布尔值 并使用 Intellij Idea Shortcuts 创建了 Getter 和 Setter 方法 private Boolean isForLaboratory false 创建后生成如下 publi
  • cosmosdb mongo api 不适用于某些命令

    我在用cosmosdb在天蓝色上我正在使用MongoDB API我有一个 要求 集合里面有一个 claims array 如果我使用这个命令 db getCollection requests find claims id 1002 它不适
  • clang vs gcc - 空通用 lambda 变量参数包

    我想我找到了另一个 clang 与 gcc lambda 和可调用对象之间的不一致 decltype l operator 应该等于C operator 但是如果通用 lambda 中的可变参数包留空 gcc 会拒绝编译 15 错误 与调用
  • Highcharts - 仅当直接悬停在点上时显示工具提示

    Highcharts 的默认体验似乎是距离光标最近的点 水平 处于悬停状态 这意味着当您到达行中下一个点的一半以上时 就会触发工具提示 我希望当我直接将鼠标悬停在一个点上时触发工具提示 然后保持活动状态 直到我将鼠标直接悬停在另一个点上 这