2014-09-24 121 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团队的成员,所以如果您有任何问题,请随时联系我们!