d3.js

0热度

1回答

我正在尝试在d3js中创建一个sunburst图表，并希望每个项目/节点都具有读取包含层次结构的json文件的特定颜色。在d3js社区看过很多例子，但从来没有找到明确的答案。谢谢！这里是我的JSON（flare2.json）文件： { "name": "Root","color": "#c0e2f1", "children": [ { "name":

2热度

2回答

添加描边并填写d3行

我想在d3行添加stroke和fill。 result 但是如果我添加fill到path我得到。 fill 我能解决我的代码重复的问题。我认为有一个更好的解决方案。例如简单的svg。 <svg height="150" width="200" fill="red" stroke="blue" stroke-width="4"> <path d="M80,50L110,80L140,

0热度

1回答

d3的selection.text（）价格昂贵

我跟随着general update pattern，我有很多<text>元素带有动态内容，这意味着每次更新调用selection.text()被调用很多次，尤其是在Microsoft Internet Explorer和Edge中有很大的不同：这将是一个简单的方法来提高性能？

0热度

1回答

D3转换为对象的排列编号

我有一个这样的数据集： var data = [{state: "CA", number: "3"},{}...]; 我想用它来获取数据集中的最大数量： d3.max(data, function(d){ return d.number;}) 不过我没有得到正确的答案。有关如何纠正此问题的任何建议？

0热度

1回答

如何使用d3.time.scale仅显示日期图形

我想画一个图形来显示时间。我只想看看X轴的一天，而不是时间。然而，在尝试了很多解决方案之后，我仍然无法在两个结果日之间消除12PM。例子： https://bl.ocks.org/mbostock/3306147

3热度

1回答

d3js：在气泡和文本上一起应用动画

我有一个包含圆圈和一些文本的气泡购物车。在检查图表时，我得到类似如下的结果：。问题是我应用的动画只能在圆圈上工作。我想以某种方式将圆圈和文本组合在一起，然后在每个组上应用动画。就像我指定的那样，2个事件：mouseover和mouseout。我想将它们应用于圆圈和圆圈内的文本。我的脚本如下： var margin = 40, width = 600, height = 400; v

1热度

1回答

D3位数规模分位数四舍五入

我正在做的传说，分位数规模： var legend = svg.selectAll(".legend") .data(clr.quantiles()) legend.append("text") .text(String); 然而，这给了我很大的小数。有没有办法让分位数值四舍五入？我尝试使用.nice（），但它不工作。

0热度

2回答

x轴自定义标签nvd3折线图angularjs

我需要格式化我的x轴时间格式，如小时：分钟，但它的标签需要更加完整，包括年/月/日小时：分：秒有没有办法做到这一点？我为我的xAxis使用了选项tickFormat，但它显示在我的x轴上并标记了相同的信息... 如何做到这一点？我读了一些关于“tickValues”的内容，但无法弄清楚。我的代码： var rangeSelector = document.getElementsByTagNam

-1热度

2回答

如何使用叠加和Ctrl +滚动事件实现像Google Map一样的D3鼠标滚轮缩放？

我用D3 js实现了缩放，所以无论何时鼠标悬停在画布上，缩放事件都会触发并允许用户使用鼠标滚轮放大和缩小。演示：https://diversity.rcc.uchicago.edu/collapsible_tree 但我想，以防止D3变焦的这种默认行为，并需要强制执行用户到用户按Ctrl +滚轮像谷歌地图将会放大画布：http://jsfiddle.net/maunovaha/jptLfhc8/

1热度

1回答

带时间维度的barChart plot

我想制作一个x轴为日期的条形图，例如2017年8月12日，y值是同一日期的数据行数（即记录数）。 // get data into right format var dateFormat = d3.time.format("%Y-%m-%d"); pageViews.forEach(function(d) { d['timestamp'] = dateFormat.parse(d['