我们将使用Java和JFreeChart插件绘制重叠柱状图和折线图的组合。
    绘制一个像这样的图：
    image.png
    首先添加POM依赖：

    1.         <dependency>
    2.             <groupId>jfree</groupId>
    3.             <artifactId>jfreechart</artifactId>
    4.             <version>1.0.13</version>
    5.         </dependency>
    7.         <dependency>
    8.             <groupId>jfree</groupId>
    9.             <artifactId>jcommon</artifactId>
    10.             <version>1.0.16</version>
    11.         </dependency>

    然后绘制：

    1. package com.rit.demo.test;
    3. import java.awt.Color;
    4. import java.awt.Font;
    5. import java.io.File;
    6. import java.text.DecimalFormat;
    8. import org.jfree.chart.ChartFactory;
    9. import org.jfree.chart.ChartUtilities;
    10. import org.jfree.chart.JFreeChart;
    11. import org.jfree.chart.axis.CategoryAxis;
    12. import org.jfree.chart.axis.CategoryLabelPositions;
    13. import org.jfree.chart.axis.NumberAxis;
    14. import org.jfree.chart.axis.NumberTickUnit;
    15. import org.jfree.chart.labels.StandardCategoryToolTipGenerator;
    16. import org.jfree.chart.plot.CategoryPlot;
    17. import org.jfree.chart.plot.DatasetRenderingOrder;
    18. import org.jfree.chart.plot.PlotOrientation;
    19. import org.jfree.chart.renderer.category.LayeredBarRenderer;
    20. import org.jfree.chart.renderer.category.LineAndShapeRenderer;
    21. import org.jfree.data.category.DefaultCategoryDataset;
    22. import org.junit.Test;
    23. import org.springframework.boot.test.context.SpringBootTest;
    25. @SpringBootTest
    26. public class EchartsTest {
    27.     public final static String filePathBarChart = "E:\\漏检率.png";
    29.     /**
    30.      * 绘制重叠柱状图和折线图组合
    31.     * @Title: drawEcharts
    32.     * @author Emily1_Zhang
    33.     * @return: String
    34.      */
    35.     public String drawEcharts() {
    36.         // 折線圖
    37.         DefaultCategoryDataset lineDataset = new DefaultCategoryDataset();
    38.         lineDataset.addValue(0, "漏检率", "F1 设备一部");
    39.         lineDataset.addValue(0, "漏检率", "F1 设备二部");
    40.         lineDataset.addValue(0, "漏检率", "F2 设备一部");
    41.         lineDataset.addValue(0, "漏检率", "F2 设备二部");
    42.         lineDataset.addValue(0.0364, "漏检率", "F3 AE一部-AW-一课");
    43.         lineDataset.addValue(0.0123, "漏检率", "F3 AE一部-维护一课");
    44.         lineDataset.addValue(0, "漏检率", "F3 ME一部-ME FA课");
    45.         lineDataset.addValue(0.052, "漏检率", "F3 ME一部-ME一课");
    46.         lineDataset.addValue(0, "漏检率", "F3 电子工程一部-AP课");
    47.         lineDataset.addValue(0.0101, "漏检率", "F3 电子工程一部-RF课");
    48.         lineDataset.addValue(0, "漏检率", "F4 AE一部-AE一课");
    49.         lineDataset.addValue(0.0333, "漏检率", "F4 AE一部-AE一课");
    50.         lineDataset.addValue(0, "漏检率", "F4 ME一部-ME FA课");
    51.         lineDataset.addValue(0.0192, "漏检率", "F4 ME一部-ME二课");
    52.         lineDataset.addValue(0, "漏检率", "F4 电子工程一部-AP课");
    53.         lineDataset.addValue(0, "漏检率", "F4 电子工程一部-RF课");
    54.         lineDataset.addValue(0.0217, "漏检率", "F5 AE二部-AF二课");
    55.         lineDataset.addValue(0.0088, "漏检率", "F5 AE二部-维护二课");
    56.         lineDataset.addValue(0, "漏检率", "F5 ME二部-ME三课");
    57.         lineDataset.addValue(0, "漏检率", "F5 电子工程二部-AP课");
    58.         lineDataset.addValue(0.0156, "漏检率", "F5 电子工程二部-RF课");
    59.         lineDataset.addValue(0, "漏检率", "F6 AE三部-维护三课");
    60.         lineDataset.addValue(0, "漏检率", "F6 ME二部-ME三课");
    61.         // 柱狀圖
    62.         DefaultCategoryDataset dataset = new DefaultCategoryDataset();
    63.         dataset.addValue(0, "自检", "F1 设备一部");
    64.         dataset.addValue(0, "自检", "F1 设备二部");
    65.         dataset.addValue(0, "自检", "F2 设备一部");
    66.         dataset.addValue(0, "自检", "F2 设备二部");
    67.         dataset.addValue(50, "自检", "F3 AE一部-AW-一课");
    68.         dataset.addValue(70, "自检", "F3 AE一部-维护一课");
    69.         dataset.addValue(90, "自检", "F3 ME一部-ME FA课");
    70.         dataset.addValue(195, "自检", "F3 ME一部-ME一课");
    71.         dataset.addValue(100, "自检", "F3 电子工程一部-AP课");
    72.         dataset.addValue(100, "自检", "F3 电子工程一部-RF课");
    73.         dataset.addValue(70, "自检", "F4 AE一部-AE一课");
    74.         dataset.addValue(50, "自检", "F4 AE一部-AE一课");
    75.         dataset.addValue(100, "自检", "F4 ME一部-ME FA课");
    76.         dataset.addValue(100, "自检", "F4 ME一部-ME二课");
    77.         dataset.addValue(80, "自检", "F4 电子工程一部-AP课");
    78.         dataset.addValue(100, "自检", "F4 电子工程一部-RF课");
    79.         dataset.addValue(50, "自检", "F5 AE二部-AF二课");
    80.         dataset.addValue(110, "自检", "F5 AE二部-维护二课");
    81.         dataset.addValue(120, "自检", "F5 ME二部-ME三课");
    82.         dataset.addValue(60, "自检", "F5 电子工程二部-AP课");
    83.         dataset.addValue(60, "自检", "F5 电子工程二部-RF课");
    84.         dataset.addValue(60, "自检", "F6 AE三部-维护三课");
    85.         dataset.addValue(40, "自检", "F6 ME二部-ME三课");
    87.         dataset.addValue(2, "复检", "F1 设备一部");
    88.         dataset.addValue(10, "复检", "F1 设备二部");
    89.         dataset.addValue(3, "复检", "F2 设备一部");
    90.         dataset.addValue(6, "复检", "F2 设备二部");
    91.         dataset.addValue(50, "复检", "F3 AE一部-AW-一课");
    92.         dataset.addValue(80, "复检", "F3 AE一部-维护一课");
    93.         dataset.addValue(105, "复检", "F3 ME一部-ME FA课");
    94.         dataset.addValue(200, "复检", "F3 ME一部-ME一课");
    95.         dataset.addValue(100, "复检", "F3 电子工程一部-AP课");
    96.         dataset.addValue(101, "复检", "F3 电子工程一部-RF课");
    97.         dataset.addValue(81, "复检", "F4 AE一部-AE一课");
    98.         dataset.addValue(70, "复检", "F4 AE一部-AE一课");
    99.         dataset.addValue(60, "复检", "F4 ME一部-ME FA课");
    100.         dataset.addValue(105, "复检", "F4 ME一部-ME二课");
    101.         dataset.addValue(115, "复检", "F4 电子工程一部-AP课");
    102.         dataset.addValue(80, "复检", "F4 电子工程一部-RF课");
    103.         dataset.addValue(89, "复检", "F5 AE二部-AF二课");
    104.         dataset.addValue(50, "复检", "F5 AE二部-维护二课");
    105.         dataset.addValue(100, "复检", "F5 ME二部-ME三课");
    106.         dataset.addValue(110, "复检", "F5 电子工程二部-AP课");
    107.         dataset.addValue(50, "复检", "F5 电子工程二部-RF课");
    108.         dataset.addValue(40, "复检", "F6 AE三部-维护三课");
    109.         dataset.addValue(40, "复检", "F6 ME二部-ME三课");
    111.         // 生成柱狀圖
    112.         JFreeChart chart = ChartFactory.createBarChart("BY 厂别漏检率汇总", "课别", // x轴的标签
    113.                 "总量", // y轴的标签
    114.                 dataset, // 图标显示的数据集合
    115.                 PlotOrientation.VERTICAL, true, true, false);
    116.         chart.getLegend().setItemFont(new Font("黑体", Font.BOLD, 10));
    117.         // 处理图像上的乱码
    118.         // 处理主标题的乱码
    119.         chart.getTitle().setFont(new Font("黑体", Font.BOLD, 18));
    120.         // 处理图表区域对象
    121.         CategoryPlot categoryPlot = (CategoryPlot) chart.getPlot();
    122.         // 获取X轴对象
    123.         CategoryAxis categoryAxis = categoryPlot.getDomainAxis();
    124.         // 获取第一条Y轴对象
    125.         NumberAxis numberAxis0 = (NumberAxis) categoryPlot.getRangeAxis();
    126.         // 第二条Y轴
    127.         NumberAxis numberAxis = new NumberAxis("漏检率");
    128.         // 数据显示格式是百分比 
    129.         DecimalFormat df = new DecimalFormat("0.000%"); 
    130.         numberAxis.setNumberFormatOverride(df); // 数据轴数据标签的显示格式 
    131.         categoryPlot.setRangeAxis(1, numberAxis);
    132.         categoryPlot.mapDatasetToRangeAxis(1, 1);
    133.         // 处理X轴上的乱码
    134.         categoryAxis.setTickLabelFont(new Font("黑体", Font.BOLD, 10));
    135.         // 处理X轴外的乱码
    136.         categoryAxis.setLabelFont(new Font("黑体", Font.BOLD, 10));
    137.         // 处理Y轴上的乱码
    138.         numberAxis0.setTickLabelFont(new Font("黑体", Font.BOLD, 10));
    139.         numberAxis.setTickLabelFont(new Font("黑体", Font.BOLD, 10));
    140.         // 处理Y轴外的乱码
    141.         numberAxis0.setLabelFont(new Font("黑体", Font.BOLD, 10));
    142.         numberAxis.setLabelFont(new Font("黑体", Font.BOLD, 10));
    144.         // 自定义Y轴上显示的刻度，以30作为1格
    145.         numberAxis0.setAutoTickUnitSelection(false);
    146.         NumberTickUnit unit0 = new NumberTickUnit(30);
    147.         numberAxis0.setTickUnit(unit0);
    148.         //以1作为1格
    149.         numberAxis.setAutoTickUnitSelection(false);
    150.         NumberTickUnit unit = new NumberTickUnit(0.005);
    151.         numberAxis.setTickUnit(unit);
    152.         // 获取绘图区域对象
    153.         // 重叠柱状图
    154.         LayeredBarRenderer layeredBarRenderer = new LayeredBarRenderer();
    155.         //设置第一个柱子的宽度
    156.         layeredBarRenderer.setSeriesBarWidth(0, 1);
    157.         //设置第二个柱子的宽度
    158.         layeredBarRenderer.setSeriesBarWidth(1, 0.6);
    159.         //设置柱子最小的高度
    160.         layeredBarRenderer.setMinimumBarLength(0.1);
    161.         //设置数字边框是否可见
    162.         layeredBarRenderer.setDrawBarOutline(true);
    163.         //设置第一个柱子颜色
    164.         layeredBarRenderer.setSeriesPaint(0, new Color(82, 255, 66));
    165.         //设置第二个柱子颜色
    166.         layeredBarRenderer.setSeriesPaint(1, new Color(105, 90, 255));
    167.         //设置每个课所包含的平行柱的之间距离
    168.         layeredBarRenderer.setItemMargin(0.4);
    169.         layeredBarRenderer.setBaseItemLabelFont(new Font("宋体", Font.BOLD, 10));
    170.         categoryPlot.setRenderer(layeredBarRenderer);
    171.         // 放折線圖
    172.         categoryPlot.setDataset(1, lineDataset);
    173.         // 設置折線
    174.         LineAndShapeRenderer lineAndShapeRenderer = new LineAndShapeRenderer();
    175.         lineAndShapeRenderer.setToolTipGenerator(new StandardCategoryToolTipGenerator());
    176.         categoryPlot.setRenderer(1, lineAndShapeRenderer);
    177.         // 柱狀圖和縱軸緊靠
    178.         categoryAxis.setLowerMargin(0.0);
    180.         categoryAxis.setCategoryLabelPositions(CategoryLabelPositions.DOWN_45);
    181.         categoryPlot.setDatasetRenderingOrder(DatasetRenderingOrder.FORWARD);
    183.         File file = new File(filePathBarChart);
    184.         try {
    185.             ChartUtilities.saveChartAsJPEG(file, chart, 800, 600);
    186.             return filePathBarChart;
    187.         } catch (Exception e) {
    188.             e.printStackTrace();
    189.         }
    190.         return null;
    191.     }
    193.     @Test
    194.     public void echart() {
    195.         EchartsTest et=new EchartsTest();
    196.         et.drawEcharts();
    197.     }
    198. }