Question

我目前正在尝试从存储在Excel文件中的原始数据集中在网站上实现图表。我只是不知道如何开始实现这个。

我知道我必须使用最有可能使图形交互的HTML5和AJAX。但就我的知识而言。我有使用AJAX和HTML的经验，但我从未使用过HTML5。所以我对canvas标签非常不熟悉。

在我的研究中，我遇到了一些工具，例如http://www.rgraph.net/，以简化实施。但是，这仅供个人使用，不能在商业上免费使用。所以我不得不自己提出这个问题。

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

感谢。

Answer 1

就交互式图表而言，我更喜欢使用google charts

这是一个如何运作的演示：

 <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>

看起来像这样： Chart demo

Excel可以将数据导出为CSV或XML文件，我知道您可以使用AJAX calls轻松地将其集成到谷歌图表中。

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

交互式图形实现

1 个答案: