2014-09-24 120 views
2

我正在嘗試構建一個交互式圖表,它是基本上告訴用戶服務在一年的某個特定的一天上下運行的表格的形式。如果用戶點擊該字段,它會打開一個新的URL並告訴更多關於該狀態的信息。表格格式交互式圖表javascript

我在想使用d3.js圖表​​,但沒有找到任何圖表?有沒有可以使用的東西?從來沒有能夠以表格的形式找到圖表。

enter image description here

+0

聽起來像[嵌套選擇](http://bost.ocks.org/mike/nest/)的工作。 – 2014-09-24 17:23:35

+0

表格本身並不是真正的圖表可視化。你可能會更好的只是使用javascript本身。 – 2014-09-24 17:25:46

+0

網格/表格用於以多種方式可視化數據。查看http://www.datavizcatalogue.com/ Dataviz專家Stephen Few還表示表格比大多數餅圖更有效。 http://www.perceptualedge.com/articles/visual_business_intelligence/save_the_pies_for_dessert.pdf – Merrily 2014-09-24 21:09:18

回答

2

您或許能夠與電網之一來完成這個部件在那裏。如果你想使用圖表庫,這裏有一個在ZingChart中的例子an interactive grid

ZingChart是模塊化的,所以你可以只用download a custom build與核心和網格模塊,以保持超級光。我們用label_click API method打開一個新窗口。

zingchart.label_click=function(p){ 
     if (p.text=="Adobe Ideas"){ 
      window.open("https://itunes.apple.com/us/app/adobe-ideas/id364617858?mt=8"); 
     } 
     if (p.text=="Notability"){ 
      window.open("http://www.gingerlabs.com/"); 
     } 
    }; 

確保在設置單元格樣式時將「flat」屬性設置爲0。

我是ZingChart團隊的成員,所以如果您有任何問題,請隨時聯繫我們!