highCharts+Struts2生成柱状图

      这篇文章主要结合Struts2+json+Highcharts实现动态数据的显示。为了节省时间，就不写数据库了。在action中用一个集合来模拟从数据库取到的数据。模拟数据为三个学生在不同季度成绩的变化情况：

	张三	李四	王五
第一周	90	86	95
第二周	95	98	91
第三周	80	64	76
第四周	85	75	90

注意本例中用到的数据为JSON数据。因此在action中声明返回json数据的变量并提供get/set方法。如:

模拟的数据和将数据集合转换成json格式的代码如下：

        返回的数据一定要是json格式的。如：

        struts.xml文件配置如下：

        注意：result的type为json类型。
        js代码和以前的差不多，只是增加了一个ajax方法。如：

        通过上面的代码，可以看出只有series发生了变化，前面的例子数据都是不变的，而这个例子的数据完全是动态显示的。Highcharts的使用还是比较简单的，例子只是用来入门的，还有很多高级特征就需要自己开发了。另外附上最终的效果图：



原创文章，转载请注明： 转载自java开发者

本文链接地址:
highCharts+Struts2生成柱状图