dc.js

1熱度

1回答

在過去的幾個星期裏，我一直在嘗試創建一個簡單的個人儀表板，並一直在使用dc.js。我設法實現了一個彈出式菜單，用於選擇我想用於分組lineChart時間維度的時間粒度，並感謝社區的幫助，我設法大幅提升了演出效果。現在我正在嘗試動態更改我在分組數據（總和，平均，模式，最小和最大）上執行的聚合類型。我發現這example非常有幫助，但是，儘管如此，我沒有完全設法適應我的情況，我沒有設法使其工作。

0熱度

1回答

dc.js合成圖形 - 繪圖新線的每個人

大家晚上好，我試圖從一個充滿小時報告（姓名，時間戳，工時等）數據庫獲取數據和使用dc.js創建一個繪圖以可視化數據。我希望時間戳記位於x軸上，y軸上特定時間戳的小時數總和以及同一圖表上每個唯一名稱的新條形圖。它似乎基於我的目標，使用crossfilter.js的時間戳應該是我的'維'，然後小時數應該是我的'組'。問題1，我將如何使用維度和組來進一步拆分基於人員姓名的數據，然後創建條形圖以添加

1熱度

1回答

條件着色

我想以下評論： Conditional coloring in dc charts 我們如何定義一個colorDomain的上限和下限，以反映特定組的自動的最小值和最大值？例如應用一個過濾器，即使過濾器後的最小值和最大值發生了變化，我也要確保使用綠色到紅色的漸變色。我應該用reductio來捕獲反應的最小值和最大值嗎？

1熱度

1回答

帶有負值的dc.js行圖不顯示完整行

我創建了一個行圖以顯示一些負值。我想將圖表放置在具有正值的另一行圖表旁邊，因爲行圖表不支持堆疊。問題是，行沒有完整顯示。 elasticX似乎是問題所在。 x軸刻度範圍從最低值到最高值受到限制。我創建了一個片段來演示bahaviour。在示例中，範圍從-2000到-800，這是lowes值。但我顯然需要它-2000到0. 我沒有得到解決方案。所以任何幫助將不勝感激！ var data = [

1熱度

1回答

如何在dc.js上創建一個具有多個維度的組

我試圖使用dc.js庫創建數據可視化。但我的數據有多個值字段。所以在這裏我的數據的一部分： [{"_1000_1249":0,"_1250_1499":2},{"_1000_1249":1,"_1250_1499":2},{"_1000_1249":2,"_1250_1499":3}] 我想通過這樣的數據鍵（計算數據的總和）創建組：「_1000_1249」：，（的「_1000_124

1熱度

1回答

DC.js choropleth地圖圖與着色相沖突的CSS，未顯示地圖。我怎樣才能關閉填充：無？

我已經包括下面的html代碼，它導入dc.js的JavaScript和CSS。當我加載頁面時，所有的元素都在正確的位置。當我選擇縣級路徑元素並取消選擇填充時：none css，那麼地圖會顯示它應該顯示的內容。屏幕截圖：fill:none ONfill:none OFF HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charse

0熱度

1回答

計算dc.js中條形圖中的條數

我想根據條形圖上顯示的條數來調整條形圖的寬度。這是我的圖表，它顯示了足夠寬度的記錄，並且很好地顯示。這裏是另一種情況，其中只有兩個條以相同的寬度顯示，看起來很奇怪。對於這種情況，我需要根據酒吧的數量調整圖表的寬度，以便我的圖表看起來很漂亮。這裏是我的腳本 var width = ??; // Here how should I calculate width based on the num

2熱度

1回答

dc.js製作兩種顏色之間的顏色範圍

我讓用戶從下拉列表中選擇四個數字系列中的一個，以驅動氣泡圖中圓形的着色。（有半徑爲，x和y類似的下拉列表。） d3.select("select#colour").on('change',function(d) { var tempIndex = this.selectedIndex; yearlyBubbleChart.colorAccessor(function (p)

1熱度

1回答

dc.js多線系列圖表過濾

我已經有一個esp8266溫度傳感器網絡記錄在不同房間的溫度到樹莓派。然後，我使用dc.js（和crossfilter/d3）將其作爲多系列折線圖進行渲染。我有這個工作。我無法解決的是我可以如何做到這一點，例如，爲每個房間添加一個按鈕，這將在圖表上打開/關閉該房間的線路。我已經設置了與我到目前爲止工作 https://jsfiddle.net/nts435ju/24/ 你可以看到有3個房間有一個

1熱度

1回答

mouseZoomable不elasticX線圖

上工作我的線型圖如下面的代碼， var ndx = crossfilter(data), dim = ndx.dimension(function(d) {return d.index;}), profitGrp = dim.group().reduceSum(function(d) { return d.profit}); var profitChart = dc.li