JFreeChart展示柱状图和折线图的组合

最新推荐文章于 2022-08-19 10:08:16 发布

mattlinsheep

最新推荐文章于 2022-08-19 10:08:16 发布

阅读量5.4k

点赞数

分类专栏：开发技术文章标签： jfreechart integer string function null dataset

本文链接：https://blog.csdn.net/mattlinsheep/article/details/8024108

版权

本文介绍了如何使用JFreeChart在SSH架构的Web前端展示统计图表，强调了JFreeChart在Server端保存图片并简化前端代码的优点，同时也对比了其与Amchart在动态展示上的不足。提供了JFreeChart的前端、中后端关键代码示例，展示如何组织数据、创建图表以及设置样式。

摘要由CSDN通过智能技术生成

笔者最近工作需要在Web前端展示统计图表（基于SSH架构），使用了JFreeChart和amchart两个控件，谈谈使用心得。
JFreeChart的最大好处是可以在Server端保存jpg图片，并且前端代码简单，各浏览器兼容性好，但是相对来说动态展示效果较差。Amchart则可以更好的展示动态性，但是缺点也很明显，前端代码复杂，不能保存server端图片。另外，chrome和ff中对其支持较好，所需显示时间很短（2s左右），但是在ie8中需要30s以上时间（9张图表）。
JFreeChart前端代码简洁明了，中端API详尽，代码如下：

    //1.jquery调用ajax请求
    $(document).ready(function() {
        $.ajax({
            type: "POST",
            url: "需要调用的url链接",
            beforeSend :function() {//调用成功前前端显示内容
                $("#testImgError").text("正在获取...");//可使用动态gif图片展示等待过程
            },
            success: function(data) {//调用成功后前端处理
                $("#testImgError").text("");                    
                $("#testImg").attr("src", "../test/"+data);
            },
            error: function() {//前端调用错误处理
                $("#testImgError").text("调用失败");
                $("#testImg").hide();
            }
        });            
    });
        //2.前端form中的显示，只需两行代码，可嵌入到相应的table或者div中：
    <label id="testImgError"></label>
    <img id="testImg" width=500 height=270 border=0>

    //3.中后端的代码也不复杂，需要处理一下数据获取和图片的保存和发送过程，代码如下：
    //3.1.数据获取
    public void createTestImg() throws IOException {
        //获取参数， id不能为空
        Integer id = Integer.parseInt(this.getRequest().getParameter("id"));
        //根据id获取数据        
        List distributed = testService.getData(id);

        ChartConstr