- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用堆积条形图。如何让工具提示只显示数据的类别,而不是确切的值,或者作为替代,是否可以显示类别而不是条形末端的值(就像设置 .showValue(true)
一样,但是使用类别)。
更新
我找到了一个只在工具提示中显示类别(键)的解决方案,但它涉及对源代码的修改,看起来不太好。
我认为我想要做的正确名称是显示每个条的标签。我无法使用此代码使其正常工作:
chart.xAxis.
.axisLabel(attrs.xAxisLabel)
.tickFormat(d3.format('r'));
attrs
没有定义。我有想法
from here .但我不能让它工作。
round_1_2
,不仅仅是当我悬停时。
最佳答案
更新:工作 fiddle :http://jsfiddle.net/reblace/D2Dak/4/
NVD3 代码生成错误仍然存在一些问题......他们在他们的站点示例中也有问题......但是,现在我在这里提到的东西是可以证明的。
要在不修改其代码的情况下自定义工具提示,请在您的代码中尝试以下操作:
chart.tooltip(function(key, x, y, e, graph) {
return '<h3>' + key + '</h3>' +
'<p>' + y + ' on ' + x + '</p>';
});
chart.reduceXTicks(false); // Will show labels on all bars
chart.rotateLabels(angle); // Rotate the labels to "angle" degrees
chart.xAxis.staggerLabels(true) // Staggers the X Axis labels vertically so they don't run into eachother
//============================================================
// Expose Public Variables
//------------------------------------------------------------
// expose chart's sub-components
chart.dispatch = dispatch;
chart.multibar = multibar;
chart.legend = legend;
chart.xAxis = xAxis;
chart.yAxis = yAxis;
...
chart.reduceXTicks= function(_) {
if (!arguments.length) return reduceXTicks;
reduceXTicks = _;
return chart;
};
chart.rotateLabels = function(_) {
if (!arguments.length) return rotateLabels;
rotateLabels = _;
return chart;
}
chart.tooltip = function(_) {
if (!arguments.length) return tooltip;
tooltip = _;
return chart;
};
关于d3.js - NVD3 工具提示仅显示类别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19057831/
[INFO] [INFO] --- dependency-check-maven:4.0.2:check (default) @ realtimePaymachine --- [INFO] Centr
我开始从 NVD XML 提要转向 JSON 提要(因为从 2019 年 10 月起不再支持 XML)。现在我很难理解这些标签及其使用目的。 例如: “配置”中的“运算符(operator)”标签有什
我的 IT 产品已定义 CPE,例如:cpe:/o:microsoft:windows_vista:6.0:sp1:~-~home_premium~-~x64~- 我正在使用 NVD 数据源来获取所有
我们正在使用 jQuery,我在国家漏洞数据库中发现了以下 jQuery 漏洞: http://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-23
我正在尝试下载 NVD CVE。这是我的Python代码: import requests import re r = requests.get('https://nvd.nist.gov/vuln/
目前我正在使用 Angular-nvd3 图形来显示数据。但是,堆叠面积图 nvd3 图形类型正在切断数字和轴标签。模板图可查看here 。 y 轴数字和标签是主要关注点。下面是图形选项代码和问题的图
我们在项目中遇到以下错误,该URL何时返回? > Task :dependencyCheckAnalyze Verifying dependencies for project cckm-app
我在gitlab管道中使用gradle:5.6.2-jdk8 docker镜像。 gradle clean build 上面的命令因错误而失败: 无法下载元文件:https://nvd.nist.go
我是一名优秀的程序员,十分优秀!