d3.js

1热度

1回答

以下代码每次点击按钮或下拉菜单中的选项时都会调用以更新我的d3条形图图形新数据。图表中的条形根据新数据进行了适当更新，但条形图的标签没有被替换为新条形，而是显示了新旧标签。请建议一些东西，以防止旧标签显示在条上。 function updateGraph(data) { // scale the range of the data x.domain(data.ma

0热度

1回答

在运行时更改我的折线图的域

在我的代码中，我加载了超过900个数据的JSON。这些数据代表某些机器发出的数据。我正在绘制折线图，这个JSON中的键代表机器的名称。这是我的JSON的结构： {"AF3":3605.1496928113393,"AF4":-6000.4375230516,"F3":1700.3827875419374,"F4":4822.544985821321,"F7":4903.33073502378

2热度

1回答

D3.js在将源文件从tsv更改为JSON之后不绘制图形

我有使用TSV文件绘制的D3.js线条图。现在我有一个带有时间戳和值作为键的JSON文件。这与TSV文件中的代码： <script language="javascript" type="text/javascript"> window.onload = function(){ var svg = d3.select("svg"), margin = {top

0热度

1回答

带空洞的SVG多边形

带有洞的多边形应该如何用svg建模？无法找到任何东西。

0热度

1回答

D3图表曲线在刻度标签中有错误的数据

我使用D3绘制图表。但x轴上的刻度标签似乎无法正确显示。例如，在周日，数量为0，但0点不在这一天的蜱（星期日-15）数据集： [{"date":"2017-10-18","count":14},{"date":"2017-10-17","count":32},{"date":"2017-10-16","count":9},{"date":"2017-10-15","count":0},{"dat

1热度

2回答

如何在不改变坐标的情况下转换（旋转）svg文本元素？

我是新来的这个d3.js。在这里，我试图使用d3.v3.js库绘制条形图。在这里我面临的问题很少。我试图将度量标签包含在y轴上。但是一旦我改变了-90度的标签，它的位置就会自动改变。这里是我用来绘制代码： svg.append("g") .attr("id","x_axis") .attr("class", "x axis") .attr("transform",

0热度

1回答

如何排序分组条形图d3js V4

在这种block（固定）我试图以类似的方式做一个排序功能this。它在技术上对酒吧进行排序，但不是以预期的方式进行排序，如果您选中排序复选框并转换年份，您可以查看我的意思。我认为它有事可做的事实，它只是排序基于data而不是keys和/或copy可变的，但我已经试过各种基于所提到的变量的方式排序没有任何成功。不知道我错过了什么，感谢任何帮助！

0热度

1回答

将具有键值对的子对象数组转换为数组数组

我无法将某些CSV数据转换为可由NVD3堆积面积图接受的格式（示例数据如下所示：http://nvd3.org/examples/stackedAreaData.json）。我目前有一个其值为键 - 值对对象的对象数组，但需要将其转换为值为数组数组的对象数组。现在怎么看起来： [{"key":"path1","values":[{"key":1,"value": x},{"key":2,"val

1热度

1回答

D3圆点不匹配曲线面积图

你好，我正在试图用d3创建一个面积图，并试图将d3的生成坐标与d3.symbolCircle匹配。这是我有： https://codepen.io/anon/pen/bozoQa 你会发现，在目前的状态下，点不生成的线条相匹配。其理由是因为管线133 const area = d3.area() .x((d, i) => xScale(data.xAxis.categories[i]

0热度

1回答

当节点扩展时，d3 v4树缩小

我使用d3.tree创建我的树层次结构，我对这个lib比较新，所以我需要一点帮助。 var treeData = {{ data | safe }}; // Set the dimensions and margins of the diagram var margin = {top: 30, right: 90, bottom: 30, left: 150},