开发交互式图表

Question

这是我的要求。

我必须开发一个Dashboard类型的网站。所以我搜索了很多支持AJAX，Json以及交互式图表的Javascript库。我得到了一些但无法获得输出。

我有数据库，我需要获取数据并将此数据转换为json格式并使用ajax调用此json对象。整个应用程序必须用asp.net Web应用程序编写。

所以任何人请建议最合适的Javascript库，以满足上述所有要求。如果任何人提供一些示例或完整代码，那将非常有用。

提前致谢。

Answer 1

似乎Highcharts库对您的案例具有交互性和实用性。它还使用json生成图表并具有多种类型的图表。试试吧。

Answer 2

有多种选择。

我喜欢使用以下第三方javascript插件。

* Highcharts。非常好用。非常好的记录。他们的大多数插件都是免费的。

* Flot

* Charts.js＆lt; - 基于HTML5。很好看的外观

通过使用Highcharts，您可以使用ajax加载数据asyncronus。这是如何：

的示例

function requestData() {
   $.ajax({
       url: 'URL_TO_YOUR_JSON_WEBSERVICE,
       type: "GET",
       dataType: "json",
       data : {username : "demo"},
       success: function(data) {
          chart.addSeries({
            data: data.month_mentions_graphic
          });
      }
   });
)

Answer 3

尝试 D3JS 它有内置的json函数（甚至是csv和tsv格式）

http://d3js.org/

这是 JSON数据输入的教程，并将其转换为图表。 看看其他教程的其他视频。

如果你想看一些例子......

https://github.com/mbostock/d3/wiki/Gallery

Answer 4

如果您正在寻找高级交互式javsacript图表，我建议您查看

ZoomCharts.com

这些图表的好处在于您可以控制其中所有内容的程度。它们也是面向触摸设备的，因此您可以利用新设备。