Echarts第二讲-JAVA实现

最新推荐文章于 2025-06-28 09:12:02 发布

Gavin_wangzg

最新推荐文章于 2025-06-28 09:12:02 发布

阅读量716

点赞数

CC 4.0 BY-SA版权

分类专栏： java小记文章标签： echart java实现

本文链接：https://blog.youkuaiyun.com/Gavin_wangzg/article/details/78060885

在上一讲中介绍了Echarts的基本使用，但面对大量图表，繁琐的JS配置变得不可行。通过分析，发现Echarts的option是JSON格式，因此后台可以动态组装option并传递给前端。在开源中国找到了已实现的Java库，通过Maven引入，可以快速配置公共与特定图表的option，将生成的JSON字符串传给前端，实现了高效创建多个图表的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一讲的Echarts小记介绍了一些基本的使用点，安装，引用，配置option，组装数据。
但是有没有发现，Echarts的option要配置大量js文件，即使你把单独引用一个js文件，看上去还是很冗长。当你做一两个图表的时候还是，但我这次的需求要设计100多个不同样式的宏观数据图表时，还这样做就要奔溃了。
仔细发现option是标准的json格式的数据，也就是说我们后台可以动态的组装option在传给前台给Echarts进行实例化就搞定。一开始我的想法是把option看成一个类，它里面的多个配置看作是option的属性，最后在把option类转化为json格式的字符串就搞定了。然后再去看Echarts提供的API文档，立马吓尿了太多可配置的属性了，任务的工期有限没办法去全部把所有的参数都整成类，在想想别人也肯定遇到我类似的问题。
google搞起，搜索java 现实Echarts 在开源中国中就找到大神已经对我的想法实现好了，简直是完美。

<dependency>
    <groupId>com.github.abel533</groupId>
    <artifactId>ECharts</artifactId>
    <version>3.0.0</version>
</dependency>

maven引用就可以使用了。接下来就是我们愉快的快速配置option类，接下来我的思路就是先统一风格，把所有公共option的属性先定义好，然后针对不同的图表进行定制

    /**公用的Option参数
     * @param json 图表数据
     * @return
     */
    public static Option getDefaultOption(JSONObject json){
        Option option = new Option()