Spring boot 整合Echarts

使用官方下载，当前最新为5.2.1

下载 - Apache ECharts

示例学习：

Examples - Apache ECharts

因为只是做了简单折线图，

下面是HTML代码

  

                

                
                

                
            
   
 还需要jquery
  
    

JAVA接口文件

@GetMapping( "/temperature/{deviceId}/{searchDate}")
@ResponseBody
public AjaxResult temperatureChart(@PathVariable("deviceId") String deviceId,@PathVariable("searchDate") String searchDate)
{
    logger.info("deviceId"+deviceId+"data="+searchDate);
   List list=  rdmService.getRDMTemperatureChart(deviceId,searchDate);
    final List maxData = list.stream().map(RdmVO::getMaxData).collect(Collectors.toList());
    final List minData = list.stream().map(RdmVO::getMinData).collect(Collectors.toList());
    final List titleType = list.stream().map(RdmVO::getTitleType).collect(Collectors.toList());
    Map data= new HashMap<>();
    data.put("max",maxData);
    data.put("min",minData);
    data.put("title",titleType);
    return AjaxResult.success(data);
}

    
        SELECT MAX(temperature) as maxData,
               MIN(temperature) as minData, HOUR (create_time) as titleType                
        from par_rdm
        where deviceCode=#{deviceId}
          AND date (create_time) = #{searchDate}
        GROUP BY titleType