邮件显示统计图表echarts-java+phantomjs实现

leiming01

已于 2024-07-08 10:35:47 修改

阅读量1.3k

点赞数 33

CC 4.0 BY-SA版权

文章标签： echarts java js

于 2024-07-05 10:06:41 首次发布

本文链接：https://blog.youkuaiyun.com/leiming01/article/details/140200384

邮件显示统计图表echarts-java+phantomjs实现

项目背景是产品业务上的订阅推送，纯java后端实现，通过邮件将统计报表发送给用户。这里会涉及一些关键点：

首先是统计图表的生成，我们采用常见的echarts，简单易用，支持图表类型丰富美观；java后端实现可使用echarts-java来实现图表的生成。
其次使用模板渲染的方式将获取到的订阅数据（标题，日期，描述，统计图表，列表）渲染成html，这里使用handlebars实现模板渲染。文档地址：https://handlebarsjs.com/zh/guide/
将渲染后的html，作为邮件内容发送给想用用户。

1 首选解决echarts图表生成

<!-- https://mvnrepository.com/artifact/org.icepear.echarts/echarts-java -->
<dependency>
    <groupId>org.icepear.echarts</groupId>
    <artifactId>echarts-java</artifactId>
    <version>1.0.7</version>
</dependency>

项目中添加上述依赖，echarts-java为java生成echarts的option或者完整的html提供了简洁的接口。目前好像不在更新维护了，所以没有提供直接生成图片或者相关的功能。

@Slf4j
public class ChartGenHandle {
   
   

    private static final String TEMPLATE_PREFIX = "templates/";
    private static final String EMPTY_REPORT = "empty-push-template";
    private static final String BO_REPORT = "bo-push-template";
    private static final String REPORT_CENTER = "center";

    public static final Map<String, Template> TEMPLATES = new ConcurrentHashMap<>();

    public static String genReport(String title, String summary, List<BaseNameValue<String, Integer>> barData,
                                  List<BaseNameValue<String, Integer>> pieData, List<ReportDataVO> details) {
   
   
        ReportVO reportData = new ReportVO();
        try {
   
   
            Handlebars handlebars = new Handlebars();
            String path = TEMPLATE_PREFIX + BO_REPORT;
            Template template = TEMPLATES.getOrDefault(path, handlebars.compile(path));
            reportData.setTitle(title);
            reportData.setSummary(summary);
            Engine engine = new Engine();
            reportData.setBar(engine.renderJsonOption(genBar(barData)));
            reportData.setPie(engine.renderJsonOption(genPie(pieData)));
            reportData.setDetails(details);
            return template.apply(reportData);
        } catch (IOException e) {
   
   
            log.error("报告生成异常：template=" + BO_REPORT + ",params=" + JSON.toJSONString(reportData), e);
        }
        return null;
    }

    public static String genHtml(Chart<?, ?> chart) {
   
   
        Engine engine = new Engine();
        return engine.renderHtml(chart);
    }

    public static Bar genBar(List