如何防止 SVG 标记(箭头)继承路径的笔画宽度?
我有不同边缘厚度的箭头，但是我希望箭头(svg 标记)具有相同的大小，即不根据路径的笔划宽度调整大小.我能做什么? svg.append("svg:defs").selectAll("marker").data([“诉讼", “许可", “已解决"]).enter().append("svg:marker").attr("id", 字符串).attr("viewBox", "0 -5 10 10
..
d3.js相关内容
将 DOM 元素附加到 D3
我使用 D3 在 SVG 上绘图.我想要的是将 DOM 元素或 HTML 附加到 D3，例如: task.append(function(model){//这里返回html或dom}; 文档说这是可能的，但不幸的是我找不到任何示例或自己找到了如何做到这一点. 解决方案 selection.append() 函数接受以下两种类型之一: 一个字符串，它是要创建的元素的名称，或者 一
..
使用 d3 选中/取消选中复选框
我无法使用 d3 选择来检查和取消选中复选框.以下代码似乎不起作用.我希望在按下“选中"时选中所有复选框，并在按下“取消选中"时取消选中所有复选框. Check
..
序数倒置
有没有办法找到序数尺度的反转? 我在 x 轴上使用字符串值，它使用序数刻度，我在鼠标移动时我想找到 x 轴的反转以找到鼠标位置处有哪个字符串? 有什么办法可以找到这个吗? var barLabels = dataset.map(function(datum) {返回数据图像；});控制台日志(barLabels)；var imageScale = d3.scale.ordinal()
..
C3JS - 无法读取未定义的属性“category10"
我从 jsfiddle (https://jsfiddle.net/varunoberoi/mcd6ucge) 尝试了这个 c3.js 代码，但它没有似乎在我的本地主机中不起作用. 我使用 uniserver 作为我的服务器.我复制粘贴所有内容，但它不起作用.
..
如何创建“svg"对象而不附加它?
考虑以下代码: var svg = d3.select('#somediv').append("svg").attr("width", w).attr("height", h); 我想重构这段代码，让它看起来更像这样: var svg = makevg(w, h);d3.select("#somediv").append(svg); 请注意，与第一个版本中显示的情况相反，在第二个版本中ap
..
NVD3，在加载新图表之前清除 svg
我在同一个 svg 中有几个不同的 NVD3 图表.我使用按钮来调用函数，每个函数都包含一个使用自己数据的新图表. 有没有办法在不删除的情况下清除我的单个 svg?我想按一个按钮来调用我的图表，但在加载新图表之前清除 svg. 使用这种图表时，这不是问题……例如，调用两个 multibarhorizontal 图表，只需更新形状，这很好.问题是加载两个不同的图表，例如折线和条形图.
..
在 D3.js 中转换旭日
我正在使用 d3 进行数据驱动的可视化.我有一个类似于森伯斯特的结构(但只有一层，有点像中间有洞的饼图). 通过单击键盘上的箭头，可视化的数据会发生变化，因此它会产生旭日形.具体而言，innerRadius 会根据数据的特定属性而变化，并且会添加、删除和更新某些元素. 我无法正确地从一个旭日形过渡到另一个旭日形.除了更新现有元素外，过渡几乎没问题. 例如，假设我在以下两个数据中具
..
如何在 d3.js 中围绕中心旋转对象
我在 d3.js 中有两个简单的对象，它们应该围绕视口的中心旋转(就像行星围绕太阳). 我是 d3.js 的新手，我知道我必须使用过渡，但由于行星必须一直在旋转，而不仅仅是在进入或退出时，我不知道在哪里以及如何设置过渡. 这是我当前的代码: var 行星 = [{d:100,r:2},{d:150,r:4}];var w = 500, h = 400, svg, circle;函数初
..
在 nvd3.js lineWithFocusChart 中设置“焦点"区域
我正在使用此处显示的 nvd3 示例中显示的 lineWithFocusChart.js 模型:http://nvd3.org/ghpages/examples.html 我希望能够为图表选择一个特定的 x 范围，以便在加载时关注.我以为我可以设置图表中的一个变量来完成此任务. 解决方案 假设页面上只有一个 nvd3 生成的图: chart = nv.graphs[0]//如何通过
..
从 Github 存储库制作 Gist 以在 bl.ocks.org 上展示
我创建了一个数据可视化应用程序并将其发布为 Github 页面.我现在想在聚合 D3.js 可视化的 bl.ocks.org 站点上显示它.如何从 github repo 开始并创建一个 gist 来维护 repo 代码的相对依赖项?我是否需要重构所有代码以制作一个仅指向 CDN 源的单文件应用程序? 解决方案 通过示例最容易学习.以 bl.ocks 主页为例: http://bl.
..
d3js 缩放、转换和翻译
我创建了 nycMap，这是一个使用 angularJS (MVC)、yeoman (build)、d3 (mapping) 和geoJSON(地理数据). 一切都很好，但我确实需要花费相当多的时间来获得正确的比例和翻译.我想知道如何自动确定地图将在什么比例下显示最佳以及哪些 x 和 y 值进入翻译? 'use strict';japanAndCo2App.controller('Main
..
将新数据与 d3.js 更新上的先前数据进行比较/差异
我想表示客户端计算的当前数据集和前一个数据集之间的差异. 假设我已经有三个圆圈，绑定到数据 [1, 2, 3].现在我想更新数据并根据新值和旧值之间的差异做一些事情? var new_data = [2, 2, 2];//这是我想与旧数据进行比较的新数据svg.selectAll("circle").data(new_data).transition().duration(2000).at
..
Dart js 与 D3 互操作
我正在尝试将 D3 与 dart 集成:到目前为止，我的代码如下: import 'dart:html';将 'package:js/js.dart' 导入为 js；无效主(){js.scoped(() {var dee3 = js.context.d3;var 数据集 = js.array([ 5, 10, 15, 20, 25 ]);dee3.select("body").selectAll
..
从 JSON 数组键值对动态检索键 - Javascript
我有一个问题想请教您的专业知识. 这是我拥有的 JSON 数组: [{"A":20,"B":32,"C":27,"D":30,"E":40}] 我想做的是从 JSON 数组中检索键(A、B、C、D、E)而不是值.我能够检索值但不能检索键. 我正在使用它来动态检索值: function calculateSum(jsonArray) {无功结果= 0;for (var i = js
..
d3 力导向树上的曲线
刚接触 d3 并尝试开发一个力导向树，我们可以将 varioss 数据集插入其中.我已经设法让基本的想法启动并运行，但想让链接弯曲，这样我就可以处理多个链接.我查看了 http://bl.ocks.org/1153292，但我只是不明白.我得到的最接近的是所有工作都没有可见的路径.这是我的直线代码，如果您有时间，我将不胜感激 谢谢: //设置保存数据结构的svg，放到名为mapBox的di
..
如何使用 d3 v4 读取 CSV 文件?
我在理解 的文档时遇到了一些麻烦使用 D3 进行 CSV 解析.我目前有: d3.parse("data.csv",function(data){销售数据 = 数据；}); 但我不断收到错误: 未捕获的类型错误:d3.parse 不是函数 这应该是什么样子的?我只是有点困惑，我能找到的唯一例子是this. 我也尝试过: d3.dsv.parse("data.csv",fun
..
d3.js:如何在强制布局中更新链接数据时删除节点
我正在使用强制布局图来显示网络，但在更新数据时遇到问题. 我已经检查了如何更新元素当底层数据发生变化时 D3 强制布局，当然还有 D3.js 中的“mbostock"的“修改强制布局"以及“通用更新模式"(不幸的是，我最多只能发两个链接...) 我的代码基于“移动专利诉讼"示例，但有一些修改和差异.你可以在这里查看我的完整代码: .
..
d3.js Sankey 图:矩形填充颜色
所以我在玩 d3.js Sankey 图. 在这个例子(如上图)中，颜色是使用 定义的 var color = d3.scale.category20(); 对于每个节点都有一个矩形，该矩形通过改变样式来填充: .style("fill", function(d) {return d.color = color(d.name.replace(/.*/, ""));}) 我正在寻找有
..
d3.js 如何在条形图中添加线条
我有一个包含 4 个值的数据集.[A B C D].目前，它们显示在条形图中，每个值一个条形.现在因为值 c 和 d 是平均值，我想将它们显示为 a 和 b 条后面的线.d3 这可能吗?如何在同一数据数组中的条形或线条显示之间切换? 感谢您的帮助. 解决方案 我在这里发布了一个示例，因为没有一个答案在 jsbin 或 jsfiddle 等中提供了带有线条的条形图的工作示例. htt
..