2

我目前正在尝试根据存储在 excel 文件中的一组原始数据在网站上实现图表。我只是不知道如何开始实施这一点。

我知道我将不得不使用 HTML5 和 AJAX 最有可能使图形交互。但据我所知，这是这样的。我有使用 AJAX 和 HTML 的经验，但我从未使用过 HTML5。所以我对canvas标签非常陌生。

在我的研究中，我遇到了一些工具，例如http://www.rgraph.net/，以使实施更容易。但是，这仅供个人使用，不能免费用于商业用途。所以我不得不自己想出这个。

任何人都可以给我一个好主意，从哪里开始，或者指出一些教程的方向来让球滚动。

谢谢。

4

1 回答 1

1

就交互式图表而言，我更喜欢使用谷歌图表

这是它如何工作的演示：

 <html>
 <head>
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);

      function drawChart() {
      var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>
  </head>


  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

出来看起来像这样： 图表演示

Excel 可以将数据导出为 CSV 或 XML 文件，我知道您可以轻松地将其集成到谷歌图表中，而几乎没有使用AJAX 调用的编码经验。

编辑：此外，如果您发布有关数据的更多详细信息，也许是一个示例，我可以提供更多帮助。

于 2012-06-19T21:39:01.267 回答