java - 从java webapp中的数据生成图表

Question

我正在开发一个项目，其中我们通过 hibernate 将数据传递到表。在其顶部有一个仪表板，通过它我们可以通过图表查看数据中有多少个异常或有多少个相同事件在数据中。我们也应该能够更改图 TableView 。例如过去 1 小时。最后一天。上周等我的 table 看起来像这样。

event
-----------------
id,      created,     updated,    event_type,     source_machine
1       07.05.2011                  event1                machine1
2       07.05.2011                  event2                machine2 
3       07.05.2011             NullPointerException       machine2 
4       06.05.2011                  event2                machine2
5       06.05.2011                  event1                machine1
6       05.05.2011                  event2                machine1
7       04.05.2011                  event1                machine2
*Currently, table has 10k rows.

我不确定哪种框架/库最适合用于此目的。我已经考虑过 highcharts 和 Jasperreports，但我对它们都是全新的。

仅供引用:我们正在为该项目使用 Spring 框架。

任何帮助将不胜感激。

Answer 1

有许多可用的 javascript 图形库需要 JSON 格式的输入。我使用过 CanvasJS、RGraph、jqPlot、Morris.js、Chartist 等。返回 x 轴和 y 轴的标签和值的 json 格式列表应该很简单。

折线图的 RGraph ajax 示例看起来像，

  var tips = ['19','59','20','30','10','12','23'];

     // Now draw the chart
     var line = new RGraph.Line({
         id: 'lineChart',
         data: json.data,
         options: {
             textAccessible: true,
             hmargin: 10,
             linewidth: 2,
             shadow: true,
             ymax: 100,
             labels: json.label,
             tooltips: tips,
             gutterLeft: 35,
             title:"Job Cards created this week by dealers"
         }
     }).draw();

json.data 是 y 轴数据，json.label 是 x 轴值。请参阅 RGraph 下载中的 demos/basic-ajax-json.html 示例和下面的 json 格式。

在此处下载 RGraph:https://www.rgraph.net/download.html#stable

转到http://www.rgraph.net/getdata.html?json查看 json 格式，例如，

{data:[83,68,14,88,75,18,64,22,63,79], labels: ['Gary','Olga','Lewis','Rachel','Nathan','Matt','Kevin','Indigo','Lou','Pete']}

以上内容必须从 Spring Controller 以 JSON 格式返回。

其他库对于基于 ajax 的图表也有或多或少相同的概念。