d3.js

    1熱度

    1回答

    在使用d3.js時仍然相當缺乏經驗,我碰到了一個障礙。 希望有人能幫助我。 我試圖在鼠標單擊圖形中的節點時顯示圖片。 理想情況下,我想單擊幾個節點並顯示圖像。雙擊節點應該刪除圖像。點擊背景將刪除所有顯示的圖像。但一次只能一步。 我到目前爲止所做的是: 成功使用工具提示。當鼠標點擊它時,我也能夠改變圓形節點的大小。 我用作玩具項目邁克·博斯托克的力導向圖示例:https://bl.ocks.org/

    0熱度

    1回答

    我想使用d3.nest()從csv創建一個嵌套的json文件,但是,我無法獲得嵌套權限。我的輸出是這樣的: 這是接近但不quite-我希望值是 關鍵 值: 0:等 1:等 這裏是我的代碼: d3.csv( 「數據/ FIFA-matches.csv」,功能(錯誤,matchesCSV){ //Loads in the tree information from fifa-tree.csv and

    0熱度

    1回答

    我有以下代碼來獲取CSV,將其轉換爲字符串並傳遞給我的ejs。這工作。 CSV具有第一行(標題)X,Y,時間和隨後行中的數字。我真正需要的是能夠獲取每個參數(X,Y,時間)的值並使用它們繪製圖形。我該怎麼做呢? d3.csv("http://vhost11.lnu.se:20090/assig2/data1.csv", function (data) { var data1 = data

    2熱度

    1回答

    我已經上傳了block(固定),您可以切換排序功能。 現在我想添加的是某種if語句,當複選框打開時,當它打開時,我希望酒吧在您更改年份或類別時自動排序,並且當您再次切換時停止自動-sorting。 我想到了一個簡單的 if (document.getElementsByClassName('myCheckbox').checked) { change(); } 內update功能會

    2熱度

    1回答

    我在數據數組中有一些虛擬數據,我想從中做出散點圖。排名在y軸上繪製,在x軸上爲admit_probability。我能夠找到我擁有的所有5個點,但是從邊緣開始的軸不完整。 腳本我有如下所示: var margin = {top: 30, right: 20, bottom: 30, left: 50}, width = 600 - margin.left - margin.right, hei

    0熱度

    1回答

    我有多個彙總使用相同的代碼,即: rolledUpData1 = d3.nest() .key(function (d) { return d.city; }) .rollup(function (values) { return { yearWeek: toYearWeek(values[0].date) + ' Mon',

    0熱度

    2回答

    我想亮點像「鮭魚」 &「獵物」,我想提供給我的詞雲,所以我應該怎麼辦字的新數組這是因爲我試圖在CSS中使用mark.js或Javascript,但無法成功,但現在我認爲只有在繪製詞雲時纔有可能。因此,有人可以幫我爲我提供了一個功能或者也許在我的代碼一些變化突出陣列的話(arrayToBeHighlight): var width = 750, height = 500; var words =

    1熱度

    1回答

    我一直在嘗試使用d3映射some GeoJSON data,但嘗試失敗。 我認爲我的代碼生成一系列path scg元素的具體問題,其d屬性最終包含NaN值。這裏有一個結果我得到的一個例子: <path fill="#ccc" stroke="#333" d="MNaN,NaNLNaN,NaNLNaN,NaNLNaN,NaNLNaN,NaNLNaN,NaNLNaN,NaNLNaN,NaNLNaN,N

    2熱度

    1回答

    我有一個JSON列表,其元素是一系列圖表的屬性。我想使用D3和billboard.js動態生成HTML div元素的列表,其中每個元素都包含一個圖表。該設置顯示在此fiddle。在出現圖表時,我收到了一些D3錯誤,如Error: <g> attribute transform: Trailing garbage, "translate(0,NaN)".,billboard.js圖表​​出現奇怪的[

    0熱度

    2回答

    { "type": "FeatureCollection", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "prop1": "val1