表格式交互式图表javascript

Question

我正在尝试构建一个交互式图表，这是一种表格的形式，它基本上告诉用户一年中某个特定日期的服务是上升还是下降。如果用户点击该字段，则会打开一个新网址，并详细说明该状态。

我在考虑使用d3.js图表​​，但没有找到任何图表？有没有我可以使用的东西？从来没有能够以表格的形式找到图表。

Answer 1

您可以使用其中一个网格小部件来完成此操作。如果您想使用图表库，这里是ZingChart中an interactive grid的示例。

ZingChart是模块化的，因此您只需download a custom build使用Core和Grid模块即可保持超轻。我们使用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/");
        }
    };

确保＆＃34;平坦＆＃34;样式化单元格时，属性设置为0.

我是ZingChart团队的一员，所以如果您有任何疑问，请随时与我们联系！