NVD3 散点图的自定义 X 轴工具提示
custom x axis tooltip for nvd3 scatter chart
我正在使用 nvd3 散点图,我看到可以使用以下函数自定义工具提示内容。
chart.tooltipContent(function (key, x, y, e, graph) {
return '<p><strong>' + key + '</strong></p>' +
'<p>' + e.value + ' in the month ' + x + '</p>';
});
当鼠标移到气泡上时,自定义工具提示内容以及点/气泡的 x 值和 y 值将突出显示/显示。我想显示自定义内容,而不是显示 x 轴标签。我该怎么做?
谢谢
chart.tooltipContent
现在在 nvd3 中已弃用。若要在工具提示中使用自定义内容,您需要使用
chart.tooltip.contentGenerator(function(obj) {code to build tooltip})
要查看必须在函数中使用哪些数据,请首先添加以下行:
chart.tooltip.contentGenerator(function (obj) { return JSON.stringify(obj)})
然后,您将能够将鼠标悬停在数据点上并查看您正在使用的对象。
在 src/tooltip 中查看.js从第 76 行开始的用于 contentGenerator 的默认函数,以查看您可以构建并传递给 contentGenerator 的函数类型的一个很好的例子
以下是文档文档中的相关部分
相关文章:
- MVC中关于表的自定义工具提示-每行显示数据
- 图表.js - 具有多个值的自定义工具提示
- 用于动态引导工具提示的自定义KnockoutJS绑定处理程序
- jquery UI工具提示的自定义背景图像
- AngularJS中的自定义工具提示
- FancyBox和自定义工具提示一起使用不起作用
- 如何在堆栈中创建具有不同颜色和自定义工具提示的堆积柱形图
- KendoUI堆叠条形图自定义工具提示
- 将图表工具提示自定义为标签,其中线条指向饼图段
- 如何将自定义工具提示添加到 jqxwidget 部分饼图系列
- 自定义工具提示的基本思想,使用纯Javascript
- 如何使用人力车库在折线图上显示自定义工具提示
- UIB 工具提示自定义触发器不起作用
- jQuery 工具提示中的自定义 jQuery 滚动条
- 在我的自定义指令中动态添加 bootstrap.ui 工具提示
- 按钮点击功能不适用于数据表工具栏自定义按钮
- 为什么内部工具提示“未定义”?
- 酒窝系列工具提示自定义
- 共享点 2013 中的工具提示自定义
- 高图工具提示自定义