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的功能限制到只有一個名字 - 目前它繪製每個行各界。 有沒有辦法使用d.name到繪圖限制每次一個名稱的方法嗎? 感謝

    0熱度

    1回答

    我試圖爲基於d3的項目實現類似於界面的窗口,但我遇到奇怪的問題,當我將class屬性添加到DIV,然後嘗試通過left, right它們僅被d3忽略,並且樣式標籤在窗口DIV中變爲空。 所有我需要通用函數來添加和控制窗口的位置。 我準備fiddle 下面是一個代碼: var addWindow = function(parent, aClass, x, y, width, height) {

    0熱度

    1回答

    我正在根據數據顯示圖表。如果數據不可用,則顯示空白圖表,看起來不太好。 所以 我想從c3.js中使用沒有數據選項,但不知何故它不適合我。 function chartGenerator(chartId,measuresArray,dimensionArray,xLabel,chartType,criteria) { var chart = c3.generate({

    0熱度

    1回答

    我有兩個鏈接到相同數據源的條形圖。 當我將鼠標懸停在第一個圖表上的一個條上時,我的目標是能夠影響第二個圖表上的關聯條(例如突出顯示這些條)。 目標與here相似。但使用我現有的代碼,只要將鼠標懸停在某個圖表上的某個條上,就會突出顯示兩個圖表中的所有條形圖。 有沒有人有解決這個問題?由於 這裏是我的代碼: <!DOCTYPE html> <html> <head> <sty

    2熱度

    1回答

    我在official documention of d3.zoom中找不到關於此的信息,但顯然,縮放區域在Google Chrome瀏覽器和Mozilla Firefox瀏覽器中確實有效,但不適用於Microsoft Internet Explorer或Edge。這已經可以看到在官方演示的一個:https://bl.ocks.org/mbostock/d1f7b58631e71fbf9c56834

    0熱度

    3回答

    我有一個使用d3構建的交互式圖形,並捕獲退格鍵以從圖形中移除元素。不過,我在頁面上也有一個文本框,我希望能夠在輸入時使用退格鍵。有沒有辦法在文本框中允許退格,或者只在圖表的主要svg中捕獲退格? 我的代碼: var BACKSPACE_KEY = 8; d3.select(window).on("keydown", function() { switch (d3.event.keyC

    0熱度

    1回答

    如何在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回答

    我試圖創建分組圖表可以切換其系列和關閉 - 這裏是一個工作演示 https://bl.ocks.org/andrew-reid/64a6c1892d1893009d2b99b8abee75a7 ,我試圖把它從工作一個JSON輸入 - 但我遇到了錯誤。 http://jsfiddle.net/0ht35rpb/231/ 我基本上希望獲得來自數據鍵陣列。 var keys = data.columns

    2熱度

    2回答

    我創建了一個使用d3.js的horizontal bar chart,如果沒有相同的列值(這裏是'響應'字段)發生,每件事情都可以正常工作。 例如:var data = [{ "answer": "Answer2", "response": 5, "total": 7, "color": "#ff4700" }, { "answer": "Answer3", "response": 5, "tot