d3.js相关内容
我一直在尝试使用 Redis Pub/Sub 系统、Node js 和 D3 在地图上绘制州的名称.问题是当我第一次在 Redis 频道上输入一个状态时,它被完美地绘制,但是当我输入第二个状态时,什么也没有发生.由于我是 D3.js 的新手,因此无法弄清楚问题所在.任何帮助将不胜感激.谢谢. d3.json("india-states.json", function (json) {india.
..
在使用 d3 js 格式化此时间序列图表的 x 轴时遇到问题. 这是一个工作示例:http://tributary.io/inlet/7798421 问题:我只能在 x 轴上看到 1 个日期(标签),而不管指定的刻度总数如何.如何在 x 轴上以 4-6 个刻度显示时间? 编辑:感谢 Lars. 这是我的UTC时间: var 数据 = [{“时间":1387212120,“
..
我正在使用 D3.js 制作条形图,如下所示 (来源:statcan.gc.ca) 但它应该是垂直的.所以我可以通过两组数据进行比较.我使用 http://bost.ocks.org/mike/bar/2/中的教程,为了进行比较,我建立了两个类,“chart"和“chart1"并分别给它们数据,但它只显示第一个svg图表.问题是什么?这是代码http://jsfiddle.net/x8ra
..
我正在 d3.js 中构建一个条形图,其中每个条形代表一个月内的结核病病例总数.数据基本上由一个日期(最初是 %Y-%m 格式的字符串,但使用 d3.time.format.parse 解析)和一个整数组成.我希望轴标签相对灵活(仅显示年份边界、每个月的标签等),但我也希望条形间隔均匀. 当我使用日期刻度时,我可以获得灵活的轴标签: var xScaleDate = d3.time.sca
..
如何对 dc.js 图表中的数据进行排序(如行) - 升序 x 降序 我想按指定的属性(如'avg' -> 升序)对图表(行/列)重新排序 我正在尝试使用“.top()"...但没有成功 谢谢 草稿如下jsfiddle -> ewr5Z/2/ 解决方案 可以使用下单方式: chart.ordering(function(d){ return -d.value }
..
我的堆积面积图如下所示: 我使用的数据具有相同数量的值,就像在示例中一样.我使用的数据位于:http://pastebin.com/D07hja76 我使用的代码也几乎与选择器相似: var 颜色 = d3.scale.category20();keyColor = function(d, i) {返回颜色(d.key)};nv.addGraph(function() {图表 = n
..
我有这个可重用的模式来创建一个表格,灵感来自 http://bl.ocks.org/3687826,我有两个问题. 这是函数: d3.table = function(config) {var 列 = [];var tbl = 函数(选择){if (columns.length == 0) columns = d3.keys(selection.data()[0][0]);控制台日志(列)
..
我有一个圆环图,可以在点击时更新数据.我想为相同的数据添加标签.我目前正在使用 d3.js javascript 库.这是我在 jsfiddle 上的代码 我不明白如何为圆环图的段添加标签? 解决方案 你必须使用 arc.centroid 函数.看看下面的例子: http://jsfiddle.net/nrabinowitz/GQDUS/ http://bl.ocks.org
..
我实现了一个简单的 D3.js 折线图,可以缩放和平移.它基于 Stephen Bannasch 的优秀示例此处. 我的数据域在 x 维度上是 [0, n]. 如何使用内置缩放行为(即使用鼠标滚轮事件)限制对该域的缩放和平移? 我想防止用户在下端平移超过 0 或在上端平移超过 n,例如,他们应该永远无法看到 x 轴上的负值,并希望将缩放限制在同一窗口. 我发现的基于 Jas
..
有谁知道如何相对于图表本身在 NVD3 图表中重新定位图例? 默认情况下它在顶部,我希望它在侧面(更好地利用我的应用程序内的空间) 我想做的一个例子: 解决方案 截至撰写本文时(2015 年 7 月 2 日)nvd3 支持将图例放在饼图的右侧. 初始化图形时,将legendPosition设置为right. 示例: nv.addGraph(function() {
..
我有一个来自Cyril 的惊人答案,但我正试图弄清楚如何调整它以支持多个合作伙伴.在这种情况下,我添加了一个“情妇"节点,并试图表示“情妇"和“约翰"有一个名为“隐藏的儿子"的孩子. 当前的数据结构是这样的: 其中,root 对象存储所有内容.它有一个 children 数组,其中包含没有父级的最“一代".它还包含一个包含这些兄弟对象/节点的子对象的对象.在上面的例子中,这是 root
..
我正在研究传入数据的实时可视化.我使用 D3 进行可视化并基于此示例开始:http://bl.ocks.org/mbostock/3883195 这是我目前正在开发的版本: var margin = {top: 20, right: 20, bottom: 30, left: 50},宽度 = 500 - margin.left - margin.right,高度 = 300 - mar
..
我正在尝试使用 d3js 实现可重复使用的图表,其中图表类型根据用户从下拉菜单中的选择进行更改. 我的代码在这里:http://tributary.io/inlet/8085642 目标:当用户从下拉菜单中选择类型时,重新绘制新图表类型以代替旧图表. 我已根据需要设置了所有内容:可以手动自行绘制每个图表,下拉菜单将 console.log 我要绘制的图表类型的名称(线、区域、蜡烛
..
我有一些这样的数据: [{ id: 12, value1: "2.92", value2: "4.22", value3: "3.69" },{ id: 23, value1: "2.69", value2: "4.24", value3: "3.77" },....] 我想创建一个水平分组条形图,以便有 3 组条形,首先是所有 value1 条形(标记为 Value1),然后是所有 va
..
几天以来我遇到了问题.我有一个图表,当我使用 Zoom Behavior 时,它可以工作,但我需要知道何时达到最大缩放以加载新的给定 //指定缩放比例的允许范围,[min, max]d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw) 看我的代码http://jsfiddle.net/albanlopez/D4MRP/
..
我正在尝试使用 d3.layout.force 制作力有向图,并且我需要可以调整容器的大小 - 即我希望能够计算适当的电荷和链接距离基于大小的值,或者让 d3 以某种神奇的方式为我做. 我已经尝试过(链接:http://jsfiddle.net/VHdUe/6/) 只使用节点.我将电荷设置为一个值,该值基于适合圆形半径的节点数,该圆的半径通常为圆形. 该解决方案适用于一些中等大小的容器
..
我有以下 JavaScript 代码,它使用 D3.js 库来绘制一棵树(它遵循标准结构可以在各种在线教程中找到): var json = {"name": "A",“孩子们": [{“名称":“B"}]};var tree = d3.layout.tree().size([200, 200]);var 节点 = tree.nodes(json);var vis = d3.select("#ch
..
我正在尝试使用以下示例,它是一个折线图和条形图的组合. NVD3 Line &条形图组合 我遇到的问题是我希望折线图和条形图都使用来自 y1 轴的相同数字,但我不知道如何摆脱 y2 轴并执行此操作. 如果有人能指出我正确的方向,那将是一个很大的帮助. 提前致谢. 编辑: 我遇到的问题的 JSFiddle.我只是使用 NVD3 下载中的示例,并在 return c
..
我无法在 d3.js 中使用强制布局显示节点标签. 我正在尝试这个例子 http://d3js.org/d3.v3.min.js 我更新了该代码,只添加了缩放功能,如下所示: var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').cal
..
我正在使用 d3.js 并且希望每次加载页面时强制布局都不是随机的.我已经阅读了几个问题,我设置了节点位置,但布局仍然是随机的. 解决方案 只需在节点对象中设置静态 x 和 y 位置. var 图 = {“节点":[{"名称": "1",“评分":90,“身份证":2951,x: 5,//任意随机值y: 10//任意随机值}, {"姓名": "2",“评分":80,“身份证":65465
..