2015-05-19 52 views
0

我正在使用D3plus進行數據可視化。但在x軸上顯示錯誤的數據而不是我在.x(「年」)中顯示的內容。爲什麼它不顯示年度價值。在D3plus分散?

http://jsfiddle.net/MituVinci/a77kz0dr/

enter code here 

VAR =可視d3plus.viz() .container( 「#即」)//容器DIV保持可視化 。數據(SAMPLE_DATA)//數據與所述使用可視化 .type(「scatter」)//可視化類型 .id(「Reason」)//我們的數據在 .x(「year」)上唯一的鍵// x軸的鍵 .y( 「女」)// y軸的鍵 .draw()

我也想調整它的寬度和高度,並且還想使用外部json文件來顯示它,我該怎麼做?

+0

不同於論壇的網站,我們不使用「謝謝」,或者「任何幫助表示讚賞」或[so]上的簽名。請參閱「[應該'嗨','謝謝',標語和致敬從帖子中刪除?](http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be - 刪除 - 從帖子)。順便說一句,這是「預先感謝」,而不是「感謝先進」。 –

+0

好吧,我會記住它,併爲我的錯誤抱歉:(。 –

回答

1

由於您將「Reason」作爲.id()變量,因此D3plus將彙總具有相同「Reason」的所有數據點。因此,「家庭仇恨」的「x」位置是2010 + 2011 + 2012 + 2013 + 2014或10060,這就是您所有泡泡所在的位置。

如果要分別顯示每個氣泡,可以創建一個名爲「ReasonYear」的單獨變量,將Reason和Year字段的文本連接在一起,然後使用.id(「ReasonYear」)顯示可視化文件。

使用.width()和.height()分別控制可視化的寬度和高度。

使用。數據()從外部JSON文件加載數據

文檔可以在這裏找到:https://github.com/alexandersimoes/d3plus/wiki/Visualizations