NVD3 工具提示内容不起作用

2024-03-12

我在我的项目中使用 NVD3 库,并且编写了以下代码。

var chart = nv.models.lineChart()
            .useInteractiveGuideline(true)
            .margin({top: 50, right: 50, bottom: 50, left: 50})
            .tooltipContent(function (key, y, e, graph) {
                console.log("helo");
                return "hello";
            });

预期的输出应该是在鼠标悬停时显示 hello。 但我不明白,而是得到默认的工具提示。

请让我知道我犯的错误。


从版本 1.8.1 开始,现在可以使用交互式指南来自定义内容(https://github.com/novus/nvd3/tree/v1.8.1-alpha https://github.com/novus/nvd3/tree/v1.8.1-alpha).

chart.interactiveLayer.tooltip.contentGenerator(function(data) {
    return 'this is my custom content';
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

NVD3 工具提示内容不起作用 的相关文章

  • 从仅系统托盘的应用程序创建工具提示

    所以我试图在屏幕上的某个时刻创建一个工具提示 ToolTip tip new ToolTip tip Show foobar IWin32Window window new Point 100 100 问题是我不知道要插入什么window上
  • 绝对定位元素上的 nowrap 和 max-width 问题

    我猜这两个属性实际上并不一起工作 但我的情况是 我正在尝试创建一个工具提示组件 我的工具提示是绝对定位的 并且由于我不知道内容的长度是多少 所以没有宽度 因此 对于与宽度相关的 css 文本只是形成一个又高又瘦的列 我试过max width
  • 工具提示内的图像tiptip

    我需要在具有悬停效果的工具提示中插入图像 tel view tipTip defaultPosition top delay 400 fadeIn 400 keepAlive true activation click HTML img s
  • 如何在 SVG 元素悬停时显示工具提示 div

    I requirement for an inline SVG chart which has a more information icon which should trigger tooltip on hover See attach
  • WPF:路径填充上的工具提示

    我想将工具提示分配给 System Windows Shape Path 虽然当我触摸路径的轮廓时会弹出工具提示 但当我位于路径的填充部分内时 我没有得到任何工具提示 我可以通过某种方式改变这种行为吗 我唯一的想法是将路径添加到画布等附加控
  • 如何让工具提示在 IE 中显示时间更长

    我得到以下内容 span title 在 Firefox 中 工具提示会一直停留在那里 直到鼠标移动 但在 IS 中 它只停留大约 5 秒 然后消失 有没有办法让它持续更久 没有内置的浏览器工具提示 不 有大量类似工具提示的 UI 组件使用
  • 工具提示气球显示位置(用于错误通知)

    不久前我问了一个与此密切相关的问题 通知用户错误的替代方法 https stackoverflow com questions 2878043 alternative way to notify the user of an error 简
  • 使用 Windows 窗体在按钮上显示工具提示

    如何使用按钮在按钮上显示工具提示Windows 窗体 http en wikipedia org wiki Windows Forms 工具提示是一个singleWinForms 控件 用于处理显示工具提示multiple单个表单上的元素
  • 如何在Java中通过脚本弹出文本框(或工具提示)

    我有一个非常具体的问题 我希望能够通过方法调用 在方法调用的一定时间内在屏幕上的给定位置弹出带有文本的工具提示 可以说任何内容 假设逻辑在 talk 方法中 并且淡去 我该怎么办呢 有没有办法通过 JTooltip 来做到这一点 或者我必须
  • Bootstrap 工具提示未显示

    我正在尝试使用 Bootstraptooltip http getbootstrap com javascript tooltips在我的一个应用程序中 目前 我有以下内容
  • 更改 Chartjs-2 中工具提示的 z 索引

    i m running through an issue with react chartjs2 I want somehow to change the z index of the tooltip I can t find a prop
  • android跨度点击事件

    好的 这些都是我的问题 我需要使用正则表达式来过滤掉除字母之外的所有内容 然后我需要将找到的单词包含在 word 标签中 有了这个 str str replaceAll pattern 0 现在我正在过滤所有正确的元素 标点符号 数字等 但
  • Google 气泡图自定义工具提示列不呈现

    我正在尝试将自定义工具提示添加到气泡图中 以替换默认的工具提示 我已按照文档网站的说明进行操作 here https developers google com chart interactive docs customizing tool
  • 更改一个 y 轴的范围 nvd3/d3

    我目前正在使用 multiChart 模型 并且有两个不同的 y 轴 我想更改两个轴 使它们从 0 开始 因为目前它们从最小的 y 数据点开始 我尝试过执行以下操作 chart yAxis1 tickFormat d3 format f d
  • 表格中超级简单的 CSS 工具提示,为什么它不显示,我可以让它工作吗?

    我一直在尝试为我的客户在此页面上实现许多不同的工具提示 他坚持认为 当您将鼠标悬停在订单页面中的产品名称上时 我们会显示产品图片 我决定使用超级简单的 CSS 工具提示 它非常容易实现并且完全符合我们的要求 它适用于动态页面 而我尝试过的其
  • JQuery 工具提示 VS JQuery UI 工具提示 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • NVD3 - 更新数据时不均匀的刻度

    当我更新现有 NVD3 图表中的数据时 沿 x 轴的刻度不以固定间隔呈现 我正在创建一个multiBarChart数据来源于d3 json 数据表示某个日期范围内的点击次数 我有一个单独的日期范围选择器 可以更新图表的数据 我有以下内容来创
  • PCA 图中带有名称的工具提示

    我想用 ggplotly 生成交互式绘图 工具提示应该显示变量的名称 interactive lt ggplotly pca dynamicTicks T tooltip c x y label list pca 是 PCA 的可视化 su
  • Extjs4 在 gridPanel 中每列悬停时设置工具提示

    我在当前列的每一行上获得鼠标悬停的工具提示 但在继续悬停在同一行上时无法获得下一列工具提示 但是 如果我将鼠标悬停在另一行上并再次将鼠标悬停在前一行的任何列上 我就可以得到它 listeners itemmouseenter functio
  • Popper.js:点击外部时如何关闭弹出窗口

    我在用着波普尔 js https popper js org 显示具有该类的弹出元素 js share cf popover单击带有类的元素时 js share cf btn 但我希望只有当我在弹出窗口之外单击时才关闭弹出窗口 这是我显示弹

随机推荐

  • SendGrid SMTP API:嵌入图像:错误请求

    我正在使用 sendgrid SMTP APIhttps github com sendgrid sendgrid csharp https github com sendgrid sendgrid csharp发送电子邮件 但我不知道如何
  • 在Python中,为什么负数的偶次方仍然是负数? [复制]

    这个问题在这里已经有答案了 在Python中 gt gt gt i 3 gt gt gt i 4 81 Why is i 4不评价为 i 4 但作为 i 4 我想有人可能会争辩说 求幂优先于 隐式 乘法i减一 即你应该阅读 1 i 4 但我
  • 如何在gdb中调用汇编?

    在 gdb 中我可以使用call运行函数 但是如果我想运行一些额外的程序集怎么办 Prior to GCC 5 1 I don t know of a way to run arbitrary machine code unless you
  • character_set_connection 的目的是什么?

    刚刚读过 Stefan Gehrig 的精彩回答是否需要 设置字符集utf8 https stackoverflow com questions 1566602 is set character set utf8 necessary 它比
  • 此错误是什么意思“NATURAL join 中使用的列不能有限定符”

    执行下面的代码后 我收到 ORA 25155 错误 SELECT p prod id prod name prod list price quantity sold cust last name FROM products p NATURA
  • 使用计数器和条件结束循环

    在Python中 我可以实现一个带有步数计数器和停止条件的循环作为经典案例for loop for i in range 50 result fun i print i result if result 0 break where fun
  • Jquery 在 onload 上执行 onchange 事件

    我有一个函数 可以在更改事件时运行后期操作 select marca change function var marca select marca option selected attr value select modello html
  • 从 webWorker 访问 localStorage

    WebWorker 可以访问 localStorage 吗 如果不是为什么不呢 从安全角度来看有问题吗 Web Worker 只能访问以下内容 XMLHttpRequest https developer mozilla org en US
  • java.net.SocketException:使用 HTTPConnection 重置连接

    我正在尝试使用一些外部 API 来获取一些数据 当数据量很小时 一切正常 但是当 API 返回的数据量很大时 我得到连接重置例外 下面的代码来自java类InterfaceHelper 我还在出现异常的行no处标记了注释 它在尝试从 Inp
  • 将 Backbone.sync 扩展为批量同步?

    应使用什么技术来实现 Backbone sync 的批量插入 更新 我想这取决于你的使用场景 以及你想改变多少调用代码 我认为你有两个选择 选项 1 不更改客户端 调用 代码 奇怪的是 注释Backbone sync 的来源 http ba
  • 模板,仅在头文件中编码?

    最近我了解到 如果我想使用模板 我应该只在头文件中实现代码 我知道有解决方案可以在 h 和 cpp 文件中执行此操作 但假设我不想这样做 我应该将所有代码写入 h 文件中吗 即使程序可能很大 这是一种编写代码的好方法吗 另外 只有 h文件
  • Django 全局查询集

    我想在我的 django 应用程序中有一个全局变量 用于存储我稍后在某些函数中使用的对象的结果列表 并且我不想多次评估查询集 我这样做 from app models import StopWord a list StopWord obje
  • 如何修复尝试使用 Git 推送时出现的“remote: fatal error in commit_refs”错误?

    当我尝试推动master托管于的分支https github com https github com I get 远程 commit refs 中出现致命错误 我该如何解决这个问题 就我而言 当我尝试推送时 GitHub 已经宕机了 只需
  • 在docker中使用overlay使用多主机网络功能是否需要swarm

    我已按照以下示例进行操作开始覆盖 https docs docker com engine userguide networking get started overlay 我有一个简单的查询 是否可以使用覆盖的多主机网络功能而无需创建sw
  • Gradle 错误:意外的输入:android.gms:play-services

    在运行时在 Gradle 中显示错误 错误 任务 app transformClassesWithInstantRunForDebug 执行失败 意外输入 ImmutableJarInput name com google android
  • 使用 Boost 序列化和反序列化 JSON

    我是 C 新手 序列化和反序列化类型数据的最简单方法是什么std Map using boost 我找到了一些使用的例子PropertyTree但它们对我来说很模糊 注意property tree将键解释为路径 例如放置 a b z 对将创
  • 使用 numpy 和/或 scipy 插值 3D 体积

    我非常沮丧 因为几个小时后我似乎无法在 python 中进行看似简单的 3D 插值 在Matlab中我所要做的就是 Vi interp3 x y z V xi yi zi 使用 scipy 的 ndimage map coordinate
  • 不明确的列名

    我有以下 SQL 它抛出错误 Ambigously column name id select tbl registration tbl ebp name as ebp name tbl Users id as user id tbl eb
  • 错误在 Rails 中显示两次

    我正在使用 Carrierwave 上传用户模型中的个人资料图片 如果用户尝试上传任何非图像文件 则必须引发错误 但是 该错误在屏幕上显示两次 请帮忙 用户模型代码类 User include CarrierWave MiniMagick
  • NVD3 工具提示内容不起作用

    我在我的项目中使用 NVD3 库 并且编写了以下代码 var chart nv models lineChart useInteractiveGuideline true margin top 50 right 50 bottom 50 l