Java生成Echarts表图的两种方案

最新推荐文章于 2024-07-12 21:40:46 发布
最新推荐文章于 2024-07-12 21:40:46 发布
阅读量6.2k 收藏 36
点赞数 5
文章标签： java echarts 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55518591/article/details/130678710
版权

最近被生成报告纠结了一个礼拜，生成word并不难，可以通过模版来实现，目前用得比较多的技术有，poi，freemarker等等工具，只需要自己写一个模版通过占位符的形式来替换里面的变量。这里生成word就不过多去介绍（后期出一篇文章）但是里面的图表就没有那么好去实现，要考虑到通过后台获取数据来生成图表。经过了一个礼拜的查阅资料找到了两种在后端实现方式，本篇以生成柱状图为例：

一 Jfreechart

  1. 简介
    JFreeChart是JAVA平台上的一个开放的图表绘制类库。它完全使用JAVA语言编写，是为applications, applets, servlets 以及JSP等使用所设计。JFreeChart可生成饼图（pie charts）、柱状图（bar charts）、散点图（scatter plots）、时序图（time series）、甘特图（Gantt charts）等等多种图表，并且可以产生PNG和JPEG格式的输出，还可以与PDF和EXCEL关联。
  2. 导入依赖
		 <dependency>
            <groupId>jfreechart</groupId>
            <artifactId>jfreechart</artifactId>
            <version>1.0.0</version>
        </dependency>
  1. 简单demo
 /**
     * 功能描述: 创建JFreeChart对象并设置样式
     *
     * @param categoryDataset 类别数据集
     * @return org.jfree.chart.JFreeChart
     * @author Jack_Liberty
     * @date 2021-04-01 11:16
     */
    public static JFreeChart createChart(CategoryDataset categoryDataset) {
        JFreeChart jfreechart = ChartFactory.createBarChart("Test", "", "", categoryDataset,
                PlotOrientation.VERTICAL, false, false, false);

        Font labelFont = new Font(Font.SANS_SERIF, Font.TRUETYPE_FONT, 15);
//        Font labelFont1 = new Font(Font.SANS_SERIF, Font.TRUETYPE_FONT, 24);

//         jfreechart.setTextAntiAlias(false);
        jfreechart.setBackgroundPaint(Color.white);
        // 获得图表区域对象
        CategoryPlot plot = jfreechart.getCategoryPlot();

        // 设置横虚线可见
        plot.setRangeGridlinesVisible(true);
        // 虚线色彩
        plot.setRangeGridlinePaint(Color.gray);
        // 数据轴精度
        NumberAxis vn = (NumberAxis) plot.getRangeAxis();
        DecimalFormat df = new DecimalFormat("#0.0");
        // 数据轴数据标签的显示格式
        vn.setNumberFormatOverride(df);

        // x轴设置
        CategoryAxis domainAxis = plot.getDomainAxis();
        // 轴标题
        domainAxis.setLabelFont(labelFont);
        // 轴数值
        domainAxis.setTickLabelFont(labelFont);
        // X轴标题过长可设置倾斜度
          domainAxis.setCategoryLabelPositions(CategoryLabelPositions.createUpRotationLabelPositions(Math.PI / 3.0));
        // 横轴上的 Label
        domainAxis.setMaximumCategoryLabelWidthRatio(6.00f);
        // 是否完整显示

        // 设置距离图片左端距离
        domainAxis.setLowerMargin(0.0);
        // 设置距离图片右端距离
        domainAxis.setUpperMargin(0.0);
        // 设置 columnKey 是否间隔显示
        plot.setDomainAxis(domainAxis);
        // 设置柱图背景色（注意，系统取色的时候要使用16位的模式来查看颜色编码，这样比较准确）
        plot.setBackgroundPaint(new Color(255, 255, 255, 255));

        // y轴设置
        ValueAxis rangeAxis = plot.getRangeAxis();
        rangeAxis.setLabelFont(labelFont);
        rangeAxis.setTickLabelFont(labelFont);
        // 设置最高的一个 Item 与图片顶端的距离
        rangeAxis.setUpperMargin(0.15);
        // 设置最低的一个 Item 与图片底端的距离
        rangeAxis.setLowerMargin(0.15);
        plot.setRangeAxis(rangeAxis);

        // 解决中文乱码问题(关键)
        TextTitle textTitle = jfreechart.getTitle();
        textTitle.setFont(new Font("黑体", Font.PLAIN, 20));
        domainAxis.setTickLabelFont(new Font("sans-serif", Font.PLAIN, 15));
        domainAxis.setLabelFont(new Font("宋体", Font.PLAIN, 15));
        vn.setTickLabelFont(new Font("sans-serif", Font.PLAIN, 15));
        vn.setLabelFont(new Font("黑体", Font.PLAIN, 15));


        // 使用自定义的渲染器
        CustomRenderer renderer = new CustomRenderer();
        ArrayList<Double> data = new ArrayList<Double>();
        data.add(99D);
        data.add(87D);
        data.add(89D);
        data.add(45D);
        data.add(78D);
        data.add(92D);
        data.add(98D);
        data.add(80D);
        renderer.setScores(data);
        // 设置柱子宽度
        renderer.setMaximumBarWidth(0.1);
        // 设置柱子高度
        renderer.setMinimumBarLength(0.1);
        // 设置柱子边框颜色
        renderer.setBaseOutlinePaint(Color.BLACK);
        // 设置柱子边框可见
        renderer.setDrawBarOutline(true);
        // 设置每个地区所包含的平行柱的之间距离
        renderer.setItemMargin(1);
        jfreechart.getRenderingHints().put(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_OFF);

        // 显示每个柱的数值，并修改该数值的字体属性
//          renderer.setIncludeBaseInRange(true);

        renderer.setBaseItemLabelGenerator(new StandardCategoryItemLabelGenerator());
        renderer.setBaseItemLabelsVisible(true);
        plot.setRenderer(renderer);
        // 设置柱的透明度
        plot.setForegroundAlpha(1.0f);
        // 背景色 透明度
        plot.setBackgroundAlpha(0.5f);
        return jfreechart;
    }

   /**
     * 功能描述: 创建CategoryDataset对象
     *
     * @return org.jfree.data.category.CategoryDataset
     * @author Jack_Liberty
     * @date 2021-04-01 16:20
     */
    public static CategoryDataset createDataset() {
         double[][] data = new double[][]{{1,9,0,15,9,3,4}};
        String[] rowKeys = {"1"};
        String[] columnKeys = {"Test1","Test2","Test3","Test4","Test5","Test6","Test7"};
        return DatasetUtilities.createCategoryDataset(rowKeys, columnKeys, data);
    }
  1. 启动测试
    public static void main(String[] args) throws Exception {
        // 创建CategoryDataset对象
        CategoryDataset dataset = createDataset();
        // 根据Dataset 生成JFreeChart对象,并设置相应的样式
        JFreeChart freeChart = createChart(dataset);

        FileOutputStream out = null;
        try {
            out = new FileOutputStream("F:\\chart110605.png");
            ChartUtilities.writeChartAsPNG(out, freeChart,
                    800, 450);// 输出图表
            System.out.println("图片运行成功");
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                out.close();
            } catch (final Exception ex) {
                ex.printStackTrace();
            }
        }

    }
  1. 生成图片展示
    在这里插入图片描述
    第一种方式到此为止，下面上第二种

Echarts插件

  1. 简介
    Echarts在熟悉了解前端的一定不会感到陌生，ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。
    Echarts官网链接： https://echarts.apache.org/zh/index.html

Echarts插件安装包
链接：https://pan.baidu.com/s/19399TOP_2i3GM-wR3Q71XA
提取码：kl66
解压后里面包含phantomjs-2.1.1-windows和echarts-convert.js，进入\echarts\phantomjs-2.1.1-windows\bin目录下通过cmd命令启动phantomjs D:\toos\echarts\saintlee-echartsconvert-master\echartsconvert\echarts-convert.js -s -p 6666

  1. 导入依赖
		 <dependency>
            <groupId>com.github.abel533</groupId>
            <artifactId>Echarts</artifactId>
            <version>3.0.0.6</version>
        </dependency>
  1. 直接上代码
    这里是echarts-pojo模块（数据模型）
/**
 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 14:11
 **/
@Data
public class BarParam {
    private Object[] barName;

    private Object[] barValue;

    private String legendName;
}

/**
 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 14:11
 **/
@Data
public class BarData {

    private String title;  //标题

    private BarParam barParamList;

    private Boolean isHorizontal;  //是否水平放置

    //省略get/set方法，使用lombok插件@Data

}

对GsonOption.java做一层封装，继承GsonOption 类

 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 14:13
 **/
@Data
public class EnhancedOption extends GsonOption {
    private String filepath;

    private static boolean VIEW =false;
    private static String EXPORT_PATH  ="";


    /**
     * 输出到控制台
     */
    public void print() {
        GsonUtil.print(this);
    }

    /**
     * 输出到控制台
     */
    public void printPretty() {
        GsonUtil.printPretty(this);
    }

    /**
     * 在浏览器中查看
     */
    public void view() {
        if (!VIEW) {
            return;
        }
        if (this.filepath != null) {
            try {
                OptionUtil.browse(this.filepath);
            } catch (Exception e) {
                this.filepath = OptionUtil.browse(this);
            }
        } else {
            this.filepath = OptionUtil.browse(this);
        }
    }

    /**
     * 导出到指定文件名
     *
     * @param fileName
     * @return 返回html路径
     */
    public String exportToHtml(String fileName) {
        return exportToHtml(EXPORT_PATH, fileName);
    }
}

请求工具类

/**
 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 14:02
 **/
@Slf4j
public class HttpUtil {


    /**
     * 发送post请求
     * @param url
     * @param params
     * @param charset
     * @return
     * @throws ClientProtocolException
     * @throws IOException
     */
    public static String post(String url, Map<String, String> params, String charset)
            throws ClientProtocolException, IOException {
        log.info("httpPostRequest url : " + url + "   paramMap : " + params);
        String responseEntity = "";

        // 创建CloseableHttpClient对象
        CloseableHttpClient client = HttpClients.createDefault();

        // 创建post方式请求对象
        HttpPost httpPost = new HttpPost(url);

        // 生成请求参数
        List<NameValuePair> nameValuePairs = new ArrayList<>();
        if (params != null) {
            for (Map.Entry<String, String> entry : params.entrySet()) {
                nameValuePairs.add(new BasicNameValuePair(entry.getKey(), entry.getValue()));
            }
        }

        // 将参数添加到post请求中
        httpPost.setEntity(new UrlEncodedFormEntity(nameValuePairs, charset));

        // 发送请求，获取结果（同步阻塞）
        CloseableHttpResponse response = client.execute(httpPost);

        // 获取响应实体
        HttpEntity entity = response.getEntity();
        if (entity != null) {
            // 按指定编码转换结果实体为String类型
            responseEntity = EntityUtils.toString(entity, charset);
        }

        // 释放资源
        EntityUtils.consume(entity);
        response.close();
        //System.out.println("responseEntity = " + responseEntity);

        return responseEntity;
    }

    public static String postUrl(String url, Map<String, Object> params, String charset) {
        String responseEntity = "";
        // 创建CloseableHttpClient对象
        CloseableHttpClient client = HttpClients.createDefault();
        // 创建post方式请求对象
        HttpPost httpPost = new HttpPost(url);
        // 将参数添加到post请求中
        httpPost.setEntity(new StringEntity(JSONObject.toJSONString(params), charset));
        // 发送请求，获取结果（同步阻塞）
        CloseableHttpResponse response = null;
        try {
            response = client.execute(httpPost);
            // 获取响应实体
            HttpEntity entity = response.getEntity();
            if (entity != null) {
                // 按指定编码转换结果实体为String类型
                responseEntity = EntityUtils.toString(entity, charset);
            }
            // 释放资源
            EntityUtils.consume(entity);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            try {
                response.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return responseEntity;
    }

    /**
     * post请求（用于请求json格式的参数）
     * @param url
     * @param params
     * @return
     */
    public static String doPost(String url, String params) throws Exception {

        log.info("httpPostRequest url : " + url + "   paramMap : " + params);

        CloseableHttpClient httpclient = HttpClients.createDefault();
        HttpPost httpPost = new HttpPost(url);// 创建httpPost
        httpPost.setHeader("Accept", "application/json");
        httpPost.setHeader("Content-Type", "application/json");
        String charSet = "UTF-8";
        StringEntity entity = new StringEntity(params, charSet);
        //logger.info("entity = " + entity);
        httpPost.setEntity(entity);
        CloseableHttpResponse response = null;

        try {

            response = httpclient.execute(httpPost);
            //logger.info("response = " + response);
            StatusLine status = response.getStatusLine();
            int state = status.getStatusCode();
            if (state == HttpStatus.SC_OK) {
                HttpEntity responseEntity = response.getEntity();
                String jsonString = EntityUtils.toString(responseEntity);
                log.info("post请求响应结果：{}", jsonString);
                return jsonString;
            }
            else{
                log.error("请求返回:"+state+"("+url+")");
            }
        }
        finally {
            if (response != null) {
                try {
                    response.close();
                } catch (IOException e) {
                    log.error(e.getMessage());
                }
            }
            try {
                httpclient.close();
            } catch (IOException e) {
                log.error(e.getMessage());
            }
        }
        return null;
    }

    /**
     * http发送POST请求
     *
     * @author J.M.C
     * @since 2019年1月16日
     * @param url 长连接URL
     * @param paramsJson 请求参数body
     * @return result 字符串
     */
    public static String doPostJson(String url, JSONObject paramsJson) {
        log.info("httpPostRequest url : " + url + "   paramMap : " + paramsJson);
        if(StringUtils.isBlank(url)){
            log.error("httpPostRequest url is null");
            return null;
        }
        String result = "";
        try {
            // 创建httpClient实例
            CloseableHttpClient httpClient = HttpClients.createDefault();
            // 创建httpPost远程连接实例
            HttpPost httpPost = new HttpPost(url);
            // 配置请求参数实例
            RequestConfig requestConfig = RequestConfig.custom().setConnectTimeout(10000)// 设置连接主机服务超时时间
                    .setConnectionRequestTimeout(10000)// 设置连接请求超时时间
                    .setSocketTimeout(30000)// 设置读取数据连接超时时间
                    .build();
            // 为httpPost实例设置配置
            httpPost.setConfig(requestConfig);
            // 设置请求头
            httpPost.addHeader("content-type", "application/json;charset=utf-8");
            // 封装post请求参数
            httpPost.setEntity(new StringEntity(paramsJson.toJSONString(), Charset.forName("UTF-8")));
            // httpClient对象执行post请求,并返回响应参数对象
            //   HttpResponse httpResponse = httpClient.execute(httpPost);
            CloseableHttpResponse httpResponse = httpClient.execute(httpPost);
            // 从响应对象中获取响应内容
            result = EntityUtils.toString(httpResponse.getEntity());
            //logger.info("result = {}" , result);
        } catch (UnsupportedEncodingException e) {
            log.error("URLUtil.httpPostRequest encounters an UnsupportedEncodingException : {}",e);
        } catch (IOException e) {
            log.error("URLUtil.httpPostRequest encounters an IOException : {}",e);
        }
        log.info("URLUtil.httpPostRequest -----result----: " + result);
        return result;
    }
}
**文件工具类**


/**
 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 15:31
 **/
public class FileUtil {
    public static File generateImage(String base64, String path) throws IOException {
        BASE64Decoder decoder = new BASE64Decoder();
        File file = new File(path);
        String fileName = file.getName();
        System.out.println("file = " + file);
        //创建临时文件
        //File tempFile = File.createTempFile(fileName, ".png");
        //FileOutputStream fos = new FileOutputStream(tempFile);*/

        try (OutputStream out = new FileOutputStream(path)){
            // 解密
            byte[] b = decoder.decodeBuffer(base64);
            for (int i = 0; i < b.length; ++i) {
                if (b[i] < 0) {
                    b[i] += 256;
                }
            }
            out.write(b);
            out.flush();
            return file;
        }
       /* finally {
            //关闭临时文件
            fos.flush();
            fos.close();
            try {
                Thread.sleep(10000);
                tempFile.deleteOnExit();//程序退出时删除临时文件
            } catch (InterruptedException e) {
                e.printStackTrace();
            }

        }
        */

    }

    public static void deleteFile(File file) {
        //File file = new File();
        String fileName = file.getName();
        // 如果文件路径所对应的文件存在，并且是一个文件，则直接删除
        if (file.exists() && file.isFile()) {
            if (file.delete()) {
                System.out.println("删除单个文件" + fileName + "成功！");
            } else {
                System.out.println("删除单个文件" + fileName + "失败！");
            }
        } else {
            System.out.println("删除单个文件失败：" + fileName + "不存在！");
        }
    }

}

EchartsUtil.java：将option转化为图片编码base64

/**
 * <h3>demo</h3>
 * <p></p>
 *
 * @author : dkl
 * @date : 2023-05-12 14:07
 **/
public class EchartsUtil {
//    private static String url = "http://localhost:6666";

    private static final String SUCCESS_CODE = "1";

    public static String generateEchartsBase64(String option, String url) throws ClientProtocolException, IOException {
        String base64 = "";
        if (option == null) {
            return base64;
        }
        option = option.replaceAll("\\s+", "").replaceAll("\"", "'");

        // 将option字符串作为参数发送给echartsConvert服务器
        Map<String, String> params = new HashMap<>();
        params.put("opt", option);
        String response = HttpUtil.post(url, params, "utf-8");

        // 解析echartsConvert响应
        JSONObject responseJson = JSONObject.parseObject(response);
        String code = responseJson.getString("code");

        // 如果echartsConvert正常返回
        if (SUCCESS_CODE.equals(code)) {
            base64 = responseJson.getString("data");
        }
        // 未正常返回
        else {
            String string = responseJson.getString("msg");
            throw new RuntimeException(string);
        }

        return base64;
    }
}

生成柱状图

 /**
     * 生成单柱状图
     * @param //isHorizontal 是否水平放置
     * @param //color  柱状图颜色，可以不设置，默认为红色
     * @param //title  柱状图标题
     * @param //xdatas  横轴数据
     * @param //ydatas  纵轴数据
     * @return
     */
    public static GsonOption createBar(BarData barData){
        String title = barData.getTitle();
        boolean isHorizontal = barData.getIsHorizontal();
        Object[] xdatas = barData.getBarParamList().getBarName();
        Object[] ydatas = barData.getBarParamList().getBarValue();
        String legendName = barData.getBarParamList().getLegendName();

        Bar bar = new Bar();  //图类别（柱状图）
        //title
        EnhancedOption option = new EnhancedOption();
        option.title(title);  //标题
        option.title().textStyle().fontSize(15).color("#000000").fontWeight("bolder");

        //工具栏 toolbox
        option.toolbox().show(true).feature(Tool.mark,  //辅助线
                Tool.dataView, //数据视图
                new MagicType(Magic.line, Magic.bar), //线图，柱状图切换
                Tool.restore, //还原
                Tool.saveAsImage   //保存图片
        );
        option.toolbox().show(true).feature();

        //tooltip
        option.tooltip().show(true).formatter("{a}<br/>{b} : {c}");  //显示工具提示，设置提示格式

        //legend
        Legend legend = new Legend();
        TextStyle textStyle = new TextStyle();
        textStyle.color("red");
        textStyle.fontSize(10);
        textStyle.fontWeight("bolder");
        legend.setData(Collections.singletonList(legendName));
        legend.setTextStyle(textStyle);
//        legend.setBorderWidth(100);
        option.setLegend(legend);  //图例

        //axisLabel
        AxisLabel axisLabel = new AxisLabel();
        TextStyle textStyle1 = new TextStyle();
        textStyle1.fontSize(10);
        textStyle1.fontWeight("bolder");
        axisLabel.show(true);
        axisLabel.textStyle(textStyle1);
        axisLabel.setRotate(40);
        axisLabel.setInterval(0);

        //axisLine
        AxisLine axisLine = new AxisLine();
        LineStyle lineStyle = new LineStyle();
        lineStyle.color("#000000");
        lineStyle.width(4);
        axisLine.lineStyle(lineStyle);


        //xAxis
        CategoryAxis category = new CategoryAxis();// 轴分类
        category.data(xdatas);// 轴数据类别
        category.axisLabel(axisLabel);  // x轴文字样式
        category.axisLine(axisLine);  //x轴样式



        //yAxis
        ValueAxis valueAxis = new ValueAxis();
        valueAxis.setName("次数");
        valueAxis.axisLabel().show(true).textStyle().fontSize(15).fontWeight("bolder");  //y轴文字样式
        valueAxis.axisLine().lineStyle().color("#315070").width(4);  //y轴样式

        //series
        bar.name(legendName);

        Normal normal = new Normal();
        normal.setShow(true);
        if(barData.getIsHorizontal() == false){
            normal.position(Position.inside);
        }else {
            normal.position(Position.top);
        }
        normal.color("green");
        normal.textStyle().color("red").fontSize(15).fontWeight("bolder");
        bar.setBarWidth("70");  //柱条宽度
//        bar.setBarMaxWidth(100);  //柱条最大宽度
        //bar.setBarMinHeight(10);  //柱条最小高度
        bar.label().normal(normal);

        //循环数据
        for(int i = 0;i < xdatas.length;i++){
            int data = (int) ydatas[i];
            String color = "rgb(251,153,2)";
            //类目对应的柱状图
            Map<String, Object> map = new HashMap<>(2);
            map.put("value", data);

            map.put("itemStyle", new ItemStyle().normal(new Normal().color(color)));

            bar.data(map);
        }
        if(isHorizontal){  //横轴为类别，纵轴为值
            option.xAxis(category);  //x轴
            option.yAxis(valueAxis);  //y轴
        }else {  //横轴为值，纵轴为类别
            option.xAxis(valueAxis);  //x轴
            option.yAxis(category);  //y轴
        }

        option.series(bar);

        return option;
    }
  1. 启动测试
/**
 * <h3>demo</h3>
 * <p></p>
 *  * @author : dkl
 * @date : 2023-05-12 14:09
 **/
@Slf4j
public class EchartBar {
    private static   String  requestUrl= "http://127.0.0.1:6666";
    private static   String  imgUrl= "F:/";
    public static void main(String[] args) {
        BarData barData = new BarData();
        barData.setTitle("Test");
        barData.setIsHorizontal(true);
        BarParam barParam = new BarParam();
        String[] columnKeys = {"Test1","Test2","Test3","Test4","Test5","Test6","Test7"};
        barParam.setBarName(columnKeys);
        Object[] data ={1,9,0,15,9,3,4};
        barParam.setBarValue(data);
        barData.setBarParamList(barParam);

        GsonOption option = createBar(barData);
        String optionStr = JSONObject.toJSONString(option);
        log.error(optionStr);

        if(optionStr == null || "".equals(optionStr)){
            return;
        }
        try {
            String base64 =  EchartsUtil.generateEchartsBase64(optionStr, requestUrl);
            log.info("base64：" + base64);
            long nowStr = Calendar.getInstance().getTimeInMillis();
            //图片名
            String imageName =  JDate.getDuanshijian(new JDate(),"yyyy-MM-dd_HH_mm_ss") +".png";
            log.info("bar图片：" + imageName);
            File oldfile = FileUtil.generateImage(base64, imgUrl+imageName);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
  • 生成图片展示
    在这里插入图片描述

两种方案到这就都实现了，来讲一下这两种的优缺点吧

  • JFreeChart 方便快捷，不需要自己去安装启动什么服务，而Echarts插件需要安装启动一个服务
  • JFreeChart 生成的图片清晰度感觉不是很清晰，Echarts的X轴字符太多导致展示不齐全

以上是个人觉得，不诋毁。可能是我没有细去研究，有知道解决方案的可以指导一下，上面有什么地方不懂的可以评论，看到必回的，让兄弟们不要在里面碰壁。

挣扎小丁
关注
  • 5
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
java图表库_Java版ECharts图表库ECharts-Java
weixin_35712571的博客
02-25 1596
ECharts是一款功能非常强大的JavaScript图表库，本项目是一个供Java开发使用的ECharts的开发包，主要目的是方便在Java中构造ECharts中可能用到的全部数据结构，如完整的结构 Option。Option中的数据Series，包含Bar-柱状图，Line-折线图，Pie-饼图，Chord-和弦图等，支持ECharts中的 所有图表。支持所有的Style类，如AreaStyl...
ECharts-Java使用Java快速开发ECharts图表
dawuafang
01-28 4891
ECharts-Java类库地址：http://git.oschina.net/free/ECharts 百度ECharts地址：http://echarts.baidu.com/ 大概在5个月前的时候，有个项目需要用到图表，百度ECharts很不错，就选择了ECharts。 我的项目是SpringMVC + Mybatis，当从数据库获取数据后，我不知道该如何处理这些数据了，是...
java后台生成echarts图表
11-13
echarts-java 通过phantomjs java后台生成echats图表，echartspoi相关jar包及phantomjs都在压缩包内
JAVA生成可视化图表
最新发布
qq_38848322的博客
07-12 1368
Java生成Echarts可视化数据图表
java后端生成echarts图片
qq_34463172的博客
09-30 6146
生成图的前提下载 phantomjs-2.1.1-windows 与对应的js 一种方式和网上大多方式大同小异 直接上码： @Component public class EchartsUtil { /** * 临时文件夹路径 */ @Value("${file.path}") private String TEMP_FILE_PATH; @Value("${echartHost}") private String echartH
echarts图表生成base64
qq_43039004的博客
11-30 2008
1. 首先我们先生成我们的图表 具体配置不详细写了 2.我们在点击的时候去获取我们的图表并转成base64格式 itemClick(){ console.log(document.getElementById('mydome').getElementsByTagName('canvas')[0]) let baseCanvas = document.getElementById('mydome').getElementsByTagName('canvas')[0]
JAVA后端使用echarts生成折线表格转成图片保存在本地
CodeBlues的博客
04-19 2083
由于echarts是前端的包，后端需要用到依赖工具。
java echarts 生成图片_java后端生成echarts图片
weixin_42348783的博客
02-13 983
一、所需工具1、phantomjs2、EChartsConvert二、Maven依赖org.freemarkerfreemarker2.3.28org.apache.httpcomponentshttpclient4.5.7com.alibabafastjson1.2.56三、运行EchartsConvert1、安装phantomjs、EchartsConvert解压 phantomjs-2.1....
Echarts-Java 3.0.0.6.jar（附后台生成图片功能）
04-03
在官方代码的基础上增加了后台生成图片的功能，依赖Springboot，启动web服务后，由ImageUtil根据option的内容，生成html临时文件，并调用自带的打开浏览器功能进行预览，在浏览器端生成图片后，将图片的DataUrl发送到后端进行保存。 新增的ImageUtil提供了exportToImage方法，传入option对象（必填）、图片存储路径（选填）、图片名称（选填）、宽高（选填），生成图片后调用浏览器预览功能，等待文件保存完成，如果保存失败，自动重试3次，最后返回图片在服务器上的实际路径，便于后续处理，如导出到Word或Excel中。 后端接收图片的服务器端口和默认图片大小可通过echart.properties文件进行配置： #生成图片的服务器的url echart.server.url=http://localhost:8080 echart.server.action=/echart/saveImage #图片的宽高 echart.height=600 echart.width=800 压缩包中含ECharts-3.0.0.6.jar和ECharts-3.0.0.6-sources.jar
java后台生成echarts图表图片
zixuanyankai的博客
06-06 5080
项目需求，生成报表并发送邮件给指定邮箱，报表中包含echarts图表，由于无法在邮件中渲染图表，所以需要后台生成图表图片再嵌入到邮件中。
Echarts-java
06-21
Echarts
Java后台批量生产echarts图表并保存图片
08-19
主要介绍了Java后台批量生产echarts图表并保存图片,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Java数据生成统计图表程序
05-13
Java数据生成统计图表程序,根据输入的温数据数据生成统计折线图,采用的java数据结构,java swing和java图形.
echarts-Java.rar
03-26
Java后台生成echarts需要的js库: 包括echarts.min.js echarts-convert.js jquery.min.js phantomjs
java 前台数据和echarts图表导出为word文件的jar
03-27
3. **Java端处理**：使用Apache POI创建Word文档，并将Echarts生成的图表图片插入到文档中。可以使用`XWPFDocument`、`XWPFParagraph`、`XWPFPicture`等类来创建和编辑文档内容。 4. **图片处理**：将前端生成的...
Java后端以及web前端及echarts框架
12-11
在IT行业中，Java后端和Web前端是构建现代应用程序的两个关键部分，而ECharts则是一种流行的JavaScript数据可视化库，特别适用于创建丰富的交互式图表。本文将深入探讨这些主题，帮助开发者更好地理解和应用它们。 ...
java后台生成统计图
qq_45699784的博客
11-02 3158
java后台生成统计图全解
Springboot Echarts生成图片保存到本地
weixin_44311665的博客
06-24 1675
package com.xcx.spots.entity; import java.awt.; import java.io.File; import java.util.; import javax.imageio.ImageIO; import com.xcx.spots.controller.api.JiffCDemo; import org.jfree.chart.ChartFactory; import org.jfree.chart.ChartUtilities; import org.jfre
一款基于JAVA开发的Echarts后台生成框架
热门推荐
夜郎King的博客
07-12 1万+
本文分享一款基于Java开发的Echarts后台生成框架，支持自动生成Echarts的参数，通过生成Echarts饼图和折线图的实例化生成，让大家熟悉常见的开发方式，同时分析了官网示例存在的问题以及解决方案，希望对使用的朋友有所帮助。
java生成echarts图片
09-27
要使用Java生成echarts图片，可以使用Java的开源库echarts-java。该库提供了Java与echarts的集成，可以通过Java代码生成echarts图表，并将其保存为图片。 首先，需要在项目中导入echarts-java的依赖，可以使用Maven或Gradle进行管理。 在代码中，首先创建一个echarts对象，通过设置不同的属性来配置图表的内容和样式。例如，可以设置图表类型、标题、横纵坐标等。 然后，可以创建一个echarts图片生成器对象，将echarts对象作为参数传递给生成器。可以设置生成图片的格式、大小和保存路径等。 最后，调用生成器的generate方法，即可根据echarts对象生成相应的图片并保存。 以下是一个简单的示例代码： ```java import com.github.abel533.echarts.Option; import com.github.abel533.echarts.json.GsonOption; import com.github.abel533.echarts.utils.EchartsUtils; import com.github.abel533.echarts.util.EnhancedOption; import com.github.abel533.echarts.image.ZEChartsConfig; import com.github.abel533.echarts.image.ZEChartsRenderTool; public class EchartsImageGenerator { public static void main(String[] args) { // 创建echarts对象 EnhancedOption option = new EnhancedOption(); option.title().text("示例图表"); option.legend().data("A", "B"); option.xAxis().data("1月", "2月", "3月", "4月", "5月"); option.yAxis().name("销量"); // 添加数据系列 option.series("A", "bar", new Integer[]{10, 20, 30, 40, 50}); option.series("B", "line", new Integer[]{5, 10, 15, 20, 25}); // 创建echarts图片生成器对象 ZEChartsConfig config = new ZEChartsConfig(); config.setRenderTool(ZEChartsConfig.getRenderToolOrInstance()); config.setImagePath("data:image/png;base64"); config.setCharsetName("UTF-8"); ZEChartsRenderTool renderTool = new ZEChartsRenderTool(); renderTool.setConfig(config); // 生成图片并保存 String outputPath = "path/to/output/image.png"; renderTool.renderToPath(EchartsUtils.getInstanceFromOption(option, GsonOption.class), outputPath); } } ``` 通过上述代码，我们可以利用Java调用echarts-java库来生成echarts图片。可以根据实际需求，使用不同的图表类型和数据来定制生成的图片。
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值