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},