d3.js

0熱度

1回答

我正在嘗試在d3js中創建一個sunburst圖表，並希望每個項目/節點都具有讀取包含層次結構的json文件的特定顏色。在d3js社區看過很多例子，但從來沒有找到明確的答案。謝謝！這裏是我的JSON（flare2.json）文件： { "name": "Root","color": "#c0e2f1", "children": [ { "name":

2熱度

2回答

添加描邊並填寫d3行

我想在d3行添加stroke和fill。 result 但是如果我添加fill到path我得到。 fill 我能解決我的代碼重複的問題。我認爲有一個更好的解決方案。例如簡單的svg。 <svg height="150" width="200" fill="red" stroke="blue" stroke-width="4"> <path d="M80,50L110,80L140,

0熱度

1回答

d3的selection.text（）價格昂貴

我跟隨着general update pattern，我有很多<text>元素帶有動態內容，這意味着每次更新調用selection.text()被調用很多次，尤其是在Microsoft Internet Explorer和Edge中有很大的不同：這將是一個簡單的方法來提高性能？

0熱度

1回答

D3轉換爲對象的排列編號

我有一個這樣的數據集： var data = [{state: "CA", number: "3"},{}...]; 我想用它來獲取數據集中的最大數量： d3.max(data, function(d){ return d.number;}) 不過我沒有得到正確的答案。有關如何糾正此問題的任何建議？

0熱度

1回答

如何使用d3.time.scale僅顯示日期圖形

我想畫一個圖形來顯示時間。我只想看看X軸的一天，而不是時間。然而，在嘗試了很多解決方案之後，我仍然無法在兩個結果日之間消除12PM。例子： https://bl.ocks.org/mbostock/3306147

3熱度

1回答

d3js：在氣泡和文本上一起應用動畫

我有一個包含圓圈和一些文本的氣泡購物車。在檢查圖表時，我得到類似如下的結果：。問題是我應用的動畫只能在圓圈上工作。我想以某種方式將圓圈和文本組合在一起，然後在每個組上應用動畫。就像我指定的那樣，2個事件：mouseover和mouseout。我想將它們應用於圓圈和圓圈內的文本。我的腳本如下： var margin = 40, width = 600, height = 400; v

1熱度

1回答

D3位數規模分位數四捨五入

我正在做的傳說，分位數規模： var legend = svg.selectAll(".legend") .data(clr.quantiles()) legend.append("text") .text(String); 然而，這給了我很大的小數。有沒有辦法讓分位數值四捨五入？我嘗試使用.nice（），但它不工作。

0熱度

2回答

x軸自定義標籤nvd3折線圖angularjs

我需要格式化我的x軸時間格式，如小時：分鐘，但它的標籤需要更加完整，包括年/月/日小時：分：秒有沒有辦法做到這一點？我爲我的xAxis使用了選項tickFormat，但它顯示在我的x軸上並標記了相同的信息... 如何做到這一點？我讀了一些關於「tickValues」的內容，但無法弄清楚。我的代碼： var rangeSelector = document.getElementsByTagNam

-1熱度

2回答

如何使用疊加和Ctrl +滾動事件實現像Google Map一樣的D3鼠標滾輪縮放？

我用D3 js實現了縮放，所以無論何時鼠標懸停在畫布上，縮放事件都會觸發並允許用戶使用鼠標滾輪放大和縮小。演示：https://diversity.rcc.uchicago.edu/collapsible_tree 但我想，以防止D3變焦的這種默認行爲，並需要強制執行用戶到用戶按Ctrl +滾輪像谷歌地圖將會放大畫布：http://jsfiddle.net/maunovaha/jptLfhc8/

1熱度

1回答

帶時間維度的barChart plot

我想製作一個x軸爲日期的條形圖，例如2017年8月12日，y值是同一日期的數據行數（即記錄數）。 // get data into right format var dateFormat = d3.time.format("%Y-%m-%d"); pageViews.forEach(function(d) { d['timestamp'] = dateFormat.parse(d['