d3.js

0热度

1回答

这是jsfiddle。我预计，第二步后，当我用新的数据集更新表格行时，它会显示3和4.但它仍然显示1和2。为什么？为什么嵌套元素仍旧保留旧数据集？如何解决它？如何更新嵌套标签？ const data1 = [1, 2]; const table = d3.select('body') .append('table') .append('tbody'); table

0热度

1回答

D3加圈到一个多图表 - 对我有在那里我其具有不同的颜色在各行中的多线图上绘制圆圈的问题圈

的顶圈（圈匹配颜色）。抓住就是我在圆圈上写圈子的功能 - 当我试图隐藏特定的圈子时，这是一个问题。我要绘制基于其命名圈子，但我不能确定如何将上述D3的功能限制到只有一个名字 - 目前它绘制每个行各界。有没有办法使用d.name到绘图限制每次一个名称的方法吗？感谢

0热度

1回答

D3：将样式和类添加到DIV结果中放弃的样式

我试图为基于d3的项目实现类似于界面的窗口，但我遇到奇怪的问题，当我将class属性添加到DIV，然后尝试通过left, right它们仅被d3忽略，并且样式标签在窗口DIV中变为空。所有我需要通用函数来添加和控制窗口的位置。我准备fiddle 下面是一个代码： var addWindow = function(parent, aClass, x, y, width, height) {

0热度

1回答

C3.js无数据选项不显示

我正在根据数据显示图表。如果数据不可用，则显示空白图表，看起来不太好。所以我想从c3.js中使用没有数据选项，但不知何故它不适合我。 function chartGenerator(chartId,measuresArray,dimensionArray,xLabel,chartType,criteria) { var chart = c3.generate({

0热度

1回答

将鼠标悬停在影响其他图表的图表上d3.js

我有两个链接到相同数据源的条形图。当我将鼠标悬停在第一个图表上的一个条上时，我的目标是能够影响第二个图表上的关联条（例如突出显示这些条）。目标与here相似。但使用我现有的代码，只要将鼠标悬停在某个图表上的某个条上，就会突出显示两个图表中的所有条形图。有没有人有解决这个问题？由于这里是我的代码： <!DOCTYPE html> <html> <head> <sty

2热度

1回答

d3的捏到缩放不适用于IE/Edge？

我在official documention of d3.zoom中找不到关于此的信息，但显然，缩放区域在Google Chrome浏览器和Mozilla Firefox浏览器中确实有效，但不适用于Microsoft Internet Explorer或Edge。这已经可以看到在官方演示的一个：https://bl.ocks.org/mbostock/d1f7b58631e71fbf9c56834

0热度

3回答

如何在捕获keydown事件时允许在文本框中退格

我有一个使用d3构建的交互式图形，并捕获退格键以从图形中移除元素。不过，我在页面上也有一个文本框，我希望能够在输入时使用退格键。有没有办法在文本框中允许退格，或者只在图表的主要svg中捕获退格？我的代码： var BACKSPACE_KEY = 8; d3.select(window).on("keydown", function() { switch (d3.event.keyC

0热度

1回答

将参数传递给q.defer（d3.csv）

如何在d3中将参数传递给q.defer？我需要通过一个索引（文件名 - d）位置： var data = [1,3,5,6,7]; var q = d3.queue(); data.map(function(d){ q.defer(d3.csv,'https://***/'+d+'.csv', d); //something like pass d

1热度

2回答

D3越来越排列键的从数据

我试图创建分组图表可以切换其系列和关闭 - 这里是一个工作演示 https://bl.ocks.org/andrew-reid/64a6c1892d1893009d2b99b8abee75a7 ，我试图把它从工作一个JSON输入 - 但我遇到了错误。 http://jsfiddle.net/0ht35rpb/231/ 我基本上希望获得来自数据键阵列。 var keys = data.columns

2热度

2回答

使用d3.js在水平条形图上的错误

我创建了一个使用d3.js的horizontal bar chart，如果没有相同的列值（这里是'响应'字段）发生，每件事情都可以正常工作。例如：var data = [{ "answer": "Answer2", "response": 5, "total": 7, "color": "#ff4700" }, { "answer": "Answer3", "response": 5, "tot