springboot如何呈现echarts

Spring Boot可以通过Thymeleaf等模板引擎来呈现Echarts。

首先，需要在Spring Boot项目中添加Echarts的依赖。可以在pom.xml文件中添加以下依赖：

<!-- echarts -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>echarts</artifactId>
    <version>4.8.0</version>
</dependency>

接着，在Controller中处理数据，然后在Thymeleaf模板中使用Echarts来进行图表展示。以下是一个简单的例子：

@Controller
public class ChartController {

    @GetMapping("/chart")
    public String chart(Model model) {
        List<Integer> data = Arrays.asList(10, 20, 30, 40, 50);
        model.addAttribute("data", data);
        return "chart";
    }
}

在Thymeleaf模板中，可以使用以下代码来创建一个简单的Echarts图表：

<div id="chart" style="width: 600px;height:400px;"></div>

<script th:inline="javascript">
    var myChart = echarts.init(document.getElementById('chart'));

    var option = {
        xAxis: {
            type: 'category',
            data: ['A', 'B', 'C', 'D', 'E']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: /*[[${data}]]*/,
            type: 'bar'
        }]
    };

    myChart.setOption(option);
</script>

以上代码就可以在网页上展示一个简单的柱状图，数据来源于Controller中返回的List<Integer>。需要注意的是，Thymeleaf中使用[[${data}]]来引用Controller中传递的数据。