小编use*_*824的帖子

如何在nvd3.js图中向线图添加误差线

我最近遇到了看起来很棒的nv.d3 js图形工具.我已经把一切都搞定了; 然而......我正在考虑将它们与用于呈现科学数据的html5幻灯片放映一起实施.

因此,将误差线添加到线图和条形图中的值会很棒.它只是为每个数据点分配一个值,用于定义错误栏的高度.

我猜这可能很难,但添加到脚本将是一个很棒的功能.

有什么建议?不幸的是,我不是编码员

javascript d3.js nvd3.js

6
推荐指数
1
解决办法
777
查看次数

设置D3力导向图

致尊敬的读者.我在javascript中相当新,我遇到过这个问题.我正在尝试实现此强制有向图的修改版本:

http://mbostock.github.com/d3/ex/force.html

json数据是从PHP脚本动态生成的.我们的想法是将所有连接到一个特定节点(在php脚本中定义)的线条用一种颜色着色,而所有其他线条用灰色阴影着色.我试图通过将json文件中的源变量与php脚本中的变量进行匹配来改变颜色,如下所示:

  var link = svg.selectAll("line.link")
  .data(json.links)
  .enter().append("line")
  .attr("class", "link")
  .style("stroke-width", function(d) { return Math.sqrt(d.value);})
  .style("stroke-opacity", function(d) { return d.value/10;})
  .style("stroke", function(d) { 
  x = (tested == d.source) ?  return '#1f77b4' : '#707070';// <-- Attempt to change the color of the link when this is true.
  })
Run Code Online (Sandbox Code Playgroud)

但这不起作用.如果我这样做,脚本工作正常但没有颜色变化

  var link = svg.selectAll("line.link")
  .data(json.links)
  .enter().append("line")
  .attr("class", "link")
  .style("stroke-width", function(d) { return Math.sqrt(d.value);})
  .style("stroke-opacity", function(d) { return d.value/10;})
  .style("stroke", function(d) { 
  return '#707070';
  })
Run Code Online (Sandbox Code Playgroud)

我一直在盯着这几天试图弄清楚这一点,我被卡住了.任何帮助将不胜感激!!

这是我的完整脚本

<script type="text/javascript">

var width = …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js force-layout

5
推荐指数
1
解决办法
5206
查看次数

标签 统计

d3.js ×2

javascript ×2

force-layout ×1

nvd3.js ×1