
[英]Why is my word cloud not showing all the data involved?
任何熟悉在 d3 和 html 中創建詞雲的人都可以告訴我為什么我下面的代碼沒有顯示詞雲中的所有 ID? 這些值表示每個產品 ID 的平均產品評級。 所以每個單詞的大小將取決於評級。 提前致謝! 請看下面的代碼: ...
[英]Why is my word cloud not showing all the data involved?
任何熟悉在 d3 和 html 中創建詞雲的人都可以告訴我為什么我下面的代碼沒有顯示詞雲中的所有 ID? 這些值表示每個產品 ID 的平均產品評級。 所以每個單詞的大小將取決於評級。 提前致謝! 請看下面的代碼: ...
[英]How to add different class name to each level in d3.js
我試圖在不使用 json 值的情況下為每個級別添加不同的 class 名稱 ...
[英]Is there a way to use D3.JS in an electron app?
我是 Electron、nodejs 和 D3 的新手,我正在嘗試導入 d3,以便將其用於數據可視化。 我的應用程序正在運行 Electron 版本 22.0.2 NodeJS 版本 18.12.1 D3 版本 7.8.2 我已經使用“npm i d3”下載了 d3,每當我嘗試使用它時,我都會收到 ...
[英]Using d3 with force-graph in Vue
我在 Vue 中使用力圖。 已使用 npm 安裝 force-graph,並將 ForceGraph 導入到單文件 vue 組件中。 當我用於 ForceGraph 圖表時 我收到 d3 未定義的錯誤。 我嘗試安裝 d3 並從中導入 d3 但沒有成功。 我知道 vue-force-graph,但據 ...
[英]How to add ascending - descending sort buttons in a bar chart using d3.js?
我想弄清楚如何在條形圖中添加交互功能。 現在我對使用按鈕進行升序和降序排序的單擊操作的程序功能感到困惑。 這是我的代碼: 我嘗試了不同的例子。 此刻,我只是理解它是關於配置一個function,然后通過'on'將功能與按鈕聯系起來。 ...
[英]How to make a faceted cell graph in ObservableHQ?
我有以下對象數組: 我想創建一個像下面這樣的多面單元格圖: 在哪里: 每個方面都由“groupid”確定 facet 中的每一行都是“userid” 每行有 15 個塊,對應於相應的“d0”-“d14”列。 示例:第一個方面將用於 groupid“66123”,有兩行:userid“1”和 us ...
[英]How can I round a y-axis label to 2 decimal places and have a percentage symbol concatenated at the end?
我正在創建一個字母頻率分析 web 工具。 給定一個句子,它應該計算句子中每個字母的數量,然后顯示該字母在句子中出現次數的百分比。 例如“你好” h 是 20.00% e 是 20.00% l 是 40.00% 而 o 是 20.00%。 但是我在格式化 y 軸標簽時遇到了問題。 我希望標簽四舍五 ...
[英]How to create a function that returns an array of image paths in javascript?
我如何創建一個 function 循環遍歷我目錄中名為“數據”的文件夾。 它只包含圖像文件,我將繼續向其中添加更多圖像文件。 以前,我使用以下返回 URL 數組的 function: 我正在嘗試創建一個 function,它返回數據文件夾中所有圖像的路徑數組。 我一直在嘗試以下方法: ...
[英]Aligning x position of tspan in IE11 using d3.js
賞金將在 6 天后到期。 此問題的答案有資格獲得+300聲望賞金。 Tom Rudge想讓更多人關注這個問題: 需要在 ie11 中工作 - 接受任何解決方案,例如 .call(function) 盡管已經嘗試過。 如果需要,也接受 d3 邏輯的返工真的很掙扎。 我已經嘗試了很多技巧來讓標簽在我 ...
[英]Get all x,y position of a svg circle stroke
我想知道是否有任何方法可以獲取 svg 圓筆划的所有坐標(x,y)position,以便我可以在它們上面放置另一個項目(例如:小圓圈)。 想象一下,我正在用 svg 和 animation 制作太陽系。 ...
[英]Is there a method to highlight the order of edges according to ID in D3?
我有一個像這樣的 GV 文件( Final_Graph.gv ): 我在 D3.js 中編寫了我的代碼,以便根據其 ID 突出顯示每個邊緣(將顏色更改為紅色),因此 a->b 將首先突出顯示 id=1,然后是 a->c(id =2),依此類推。 這是我在 D3 中的當前代碼(請注意我的 ...
[英]Why create arrays of properties in D3 Force-Directed Graph example?
我正在為一個項目改編 Mike Bostock 的D3 Force Directed Graph 示例。 我不明白他為什么從節點/鏈接創建單個屬性的 arrays 然后稍后引用那些 arrays。 例如: 為什么不這樣做: 簡單多了,最后的結果好像也一樣。 但這是 D3 的創建者的官方示例,所以也 ...
[英]Find location of y-axis ticks using d3.js
我正在使用 d3.js(在 PowerBI 中 - 因此是 d3 的第 3 版)構建一個 SVG 可視化,並且我正在努力將我的數據點和固定線與適當的 y 軸刻度標記對齊。 比如8個軸點,線條幾乎是對的,只是稍微偏上一點 但是當只有 1 或 2 點時,它就差了 我正在嘗試動態計算偏移量,因為 y 軸刻 ...
[英]Graphing a tan wave with x and y co-ordinates in d3
當我創建這個正弦波時,我創建了以下 d3 比例: 然后我可以將數字添加到一個數組,該數組從 0 開始,並在為正弦波設置動畫的計時器上增加(Math.PI * 2) / 360 。 然后我為正弦波創建了一條 d3 line function: 我想創建一個像這樣的棕褐色波浪,但我不確定如何,因為波浪不 ...
[英]Lines not appearing in d3.js
我正在嘗試使用 d3 創建折線圖。 csv 文件如下所示: 我需要一行來顯示每個日期的總值。 我為此使用了 d3.rollups() 。 但是圖表不顯示任何線條,控制台也沒有返回任何錯誤。 這是我正在使用的代碼 如果有人能看一看,將不勝感激! 謝謝你! ...
[英]d3.js looping through array not rendering to create multiple tspans elements
構建呈現文本的 D3 屬性。 我的循環打印到console.log()就好了,之前的循環也正常。 下面我們正在查看我將循環遍歷的 label array[] ,循環遍歷links然后遍歷label例如數據: D3 片段: 上面呈現這個: 但我想要的是: 所以 label 數組項在它們自己的< ...
[英]Bubble chart without scaling
我正在嘗試在不縮放的情況下在 d3.js 中創建氣泡圖。 即需要這個: 用 x 軸和 y 軸定義氣泡圖我有 x 和 y 坐標的數據我需要氣泡圖上完全相同的 x 和 y 坐標的氣泡我試過的是: var svg = d3.select('#chart'), width = 400, height = ...
[英]Coloring the node while performing on-click function
我嘗試在 d3 中實現點擊 function。 但是節點的着色並沒有像我預期的那樣發生。 我試圖實現這段代碼,但顏色並沒有從給定顏色變為黑色(如點擊功能中所述) <style>.node{ fill: blue; stroke: black; stroke-width: 2px; } ...
[英]D3 multiple drag handlers
在力圖中是否可以有多個帶有.call(drag)的元素? 在我的示例中,我有<circle/> s 和<rect/> s。 <circle/>是我的力模擬的一部分,而<rect/>不是。 我希望能夠拖動它們,當然是使用單獨的拖動處理程序。 < ...
[英]Dc.js conflicts with Bootstrap styles on rowchart
賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 anonymus_rex想提請更多人關注這個問題。 我正在使用dc.js / d3.js / crossfilter / bootstrap構建一個儀表板,但我一直在構建一個行圖。 問題是圖表的所有行都以相同的長度呈現,即使組被正 ...