Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript nvd3中的自定义showMaxMin文本_Javascript_Css_D3.js_Nvd3.js - Fatal编程技术网

Javascript nvd3中的自定义showMaxMin文本

Javascript nvd3中的自定义showMaxMin文本,javascript,css,d3.js,nvd3.js,Javascript,Css,D3.js,Nvd3.js,我正在尝试修改正常nvd3图表的一些输出。例如 我希望在粗体最大/最小值之前看到其他信息,说明它是最大/最小值,即: `Max: 1033.88` 如果我是对的,这个信息是由函数和给出的,并且在nv.d3.css代码(同样在fiddle中,css第243行)的css中以粗体显示 我尝试了几件事都没有成功(这意味着我无法让它工作,但如果编码正确,它可能会被解决): 编辑要添加的css:在显示max的文本之前(不工作) 使用jquery访问(也不工作) 结果html显示此结果的最大值: 1

我正在尝试修改正常nvd3图表的一些输出。例如

我希望在粗体最大/最小值之前看到其他信息,说明它是最大/最小值,即:

`Max: 1033.88`
如果我是对的,这个信息是由函数和给出的,并且在nv.d3.css代码(同样在fiddle中,css第243行)的css中以粗体显示

我尝试了几件事都没有成功(这意味着我无法让它工作,但如果编码正确,它可能会被解决):

  • 编辑要添加的css:在显示max的文本之前(不工作)

  • 使用jquery访问(也不工作)

结果html显示此结果的最大值:

132.23

我希望它是这样的:

Max:132.23

我认为可能有几种方法,通过css,通过html,通过js,但我的新手技能还不足以以任何方式实现

我宁愿不修改源代码


提前感谢您的帮助。

我在您的JSFIDLE中没有看到任何max/min信息。原则上,您这样做是正确的,但是NVD3使用转换来初始化图形,您需要在转换完成后运行代码。我没有包括它,因为我无法使它工作。在转换完成后,我将根据您的建议尝试一下。css呢?如何在NVD3转换后强制执行css代码?在同一链接中更新fiddle以显示最大/最小信息,其中包含我已经尝试过的内容,并且我再次尝试但未成功。请将链接发布到更新的JSFIDLE,好吗?你不能在CSS中执行代码,它只是样式信息。
.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold; /* Here the text can be modified*/
}
.nvd3 .nv-axis .nv-axisMaxMin text:before {
  font-weight: bold;
}
{ 
content:"Max: ";
}
$('.nv-axisMaxMin').each(function() {
$(this).text("Max: "));
});